NDNNA

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <title>BBM-ICS Idea Protection Agreement</title>
  <style>
    @page {
      margin: 1.5cm;
      size: A4;
      @top-center { content: element(header); }
      @bottom-center { content: element(footer); }
    }
    * {
      box-sizing: border-box;
    }
    body {
      font-family: 'Segoe UI', Arial, sans-serif;
      line-height: 1.8;
      color: #2c3e50;
      background: #f9f9f9;
      margin: 0;
      padding: 0;
      font-size: 12pt;
    }
    .container {
      max-width: 900px;
      margin: 0 auto;
      padding: 30px;
      background: white;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
      border-radius: 12px;
      position: relative;
    }

    /* Language Tabs */
    .lang-tabs {
      display: flex;
      margin-bottom: 20px;
      border-bottom: 2px solid #005A9E;
    }
    .lang-tab {
      padding: 10px 20px;
      background: #e0e0e0;
      cursor: pointer;
      font-weight: bold;
      transition: 0.3s;
    }
    .lang-tab.active {
      background: #005A9E;
      color: white;
    }

    header#page-header {
      position: running(header);
      height: 50px;
      border-bottom: 2px solid #005A9E;
      color: #005A9E;
      display: flex;
      align-items: center;
      font-weight: bold;
      font-size: 11pt;
    }
    footer#page-footer {
      position: running(footer);
      text-align: center;
      font-size: 9pt;
      color: #7f8c8d;
      border-top: 1px solid #ecf0f1;
      padding-top: 6px;
    }
    h1 {
      color: #005A9E;
      text-align: center;
      font-size: 1.8em;
      margin-bottom: 10px;
    }
    h2 {
      color: #1e3c72;
      border-bottom: 1px solid #ddd;
      padding-bottom: 6px;
      margin-top: 30px;
    }
    p, li {
      margin-bottom: 12px;
      text-align: justify;
    }
    ol, ul {
      padding-left: 20px;
    }
    .signature-box...