/* AISEC legal pages — dark theme matching the homepage (index.html). Styles the existing legal markup: .nav/.nav-row, .legal-hero, .legal-wrap, .legal-section (.num badges), .callout, footer. Fonts (Inter + JetBrains Mono) are loaded via the page . */ :root{ --bg:#000000; --panel:#101219; --nav:#212525; --ink:#e6f6f9; --ink-2:rgba(230,246,249,.72); --ink-3:rgba(230,246,249,.5); --ink-4:rgba(230,246,249,.34); --accent:#9ccfd8; --accent-glow:#c4e5ea; --accent-2:#c4a7e7; --line:rgba(230,246,249,.12); --line-2:rgba(230,246,249,.2); --ease:cubic-bezier(.2,.8,.2,1); --maxw:1180px; --readw:760px; /* legacy aliases some inline styles reference */ --mono:"JetBrains Mono",ui-monospace,monospace; --teal:#9ccfd8; --ink-muted:rgba(230,246,249,.5); --term-fg-dim:rgba(230,246,249,.5); --rule:rgba(230,246,249,.12); } *{box-sizing:border-box;margin:0;padding:0} html,body{overflow-x:clip} html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth} body{ background:var(--bg); color:var(--ink); font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.65; position:relative; } /* faint honeycomb + soft top glow, both behind content (kept dim for readability) */ body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none; background:url(/hero-hex.svg) repeat;background-size:104px auto;opacity:.4} body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background:radial-gradient(60% 50% at 50% 0%, rgba(156,207,216,.05), transparent 70%)} a{color:var(--accent);text-decoration:none;transition:color .18s} a:hover{color:var(--accent-glow)} strong{color:var(--ink);font-weight:600} ::selection{background:rgba(156,207,216,.22)} .container{max-width:var(--maxw);margin:0 auto;padding:0 24px} /* ── nav (floating dark pill, like the homepage) ── */ .nav{position:sticky;top:16px;z-index:50;max-width:var(--maxw);margin:16px auto 0; background:var(--nav);border:1px solid var(--line);border-radius:999px; padding:10px 12px 10px 20px} .nav .container,.nav-row{display:flex;align-items:center;gap:24px;padding:0;max-width:none} .wordmark{font-family:"Inter",sans-serif;font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--ink)} .nav-links{display:flex;gap:24px;font-size:14px} .nav-links a{color:var(--ink-2)} .nav-links a:hover{color:var(--ink)} .nav-spacer{flex:1} .nav-actions{display:flex;align-items:center;gap:14px} .lang{display:none} .btn{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500; padding:9px 17px;border-radius:999px;white-space:nowrap;transition:transform .18s var(--ease),background .18s,border-color .18s,color .18s} .btn-ghost{color:var(--ink);border:1px solid var(--line-2)} .btn-ghost:hover{border-color:var(--ink-3);color:var(--ink)} .btn-primary{background:var(--accent);color:#04181c;border:1px solid var(--accent)} .btn-primary:hover{background:var(--accent-glow);transform:translateY(-1px);color:#04181c} .arr{transition:transform .2s var(--ease)} .btn:hover .arr{transform:translateX(2px)} @media(max-width:720px){.nav-links{display:none}} /* ── hero ── */ .legal-hero{padding:88px 0 40px} .legal-hero .eyebrow,.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em; text-transform:uppercase;color:var(--accent);margin-bottom:16px} .legal-hero h1{font-family:"Inter",sans-serif;font-weight:600;letter-spacing:-.03em; font-size:clamp(38px,6vw,60px);line-height:1.02;color:var(--ink)} .updated{margin-top:14px;font-family:var(--mono);font-size:12.5px;color:var(--ink-3)} /* ── body ── */ .section{padding:48px 0 96px} .legal-wrap{max-width:var(--readw);margin:0 auto;padding:0 24px} .callout{background:var(--panel);border:1px solid var(--line-2);border-radius:14px; padding:20px 22px;margin-bottom:44px} .callout h2,.callout .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em; text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-weight:500} .callout p{color:var(--ink-2);font-size:15px;margin:0} .legal-section .label{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:12px; letter-spacing:.06em;text-transform:uppercase;color:var(--accent)} .legal-section{margin-bottom:40px} .legal-section h2{display:flex;align-items:baseline;gap:12px; font-family:"Inter",sans-serif;font-weight:600;letter-spacing:-.01em; font-size:22px;color:var(--ink);margin-bottom:14px;line-height:1.25} .legal-section h2 .num{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--accent); flex:none;line-height:1.6} .legal-section h3{font-family:"Inter",sans-serif;font-weight:600;font-size:16px;color:var(--ink); margin:22px 0 8px} .legal-section p{color:var(--ink-2);font-size:15.5px;margin-bottom:14px} .legal-section ul,.legal-section ol{margin:0 0 14px;padding-left:22px} .legal-section li{color:var(--ink-2);font-size:15.5px;margin-bottom:8px} .legal-section li::marker{color:var(--accent)} .legal-section a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(156,207,216,.4)} .legal-section a:hover{text-decoration-color:var(--accent)} .legal-section table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14.5px} .legal-section th,.legal-section td{border:1px solid var(--line);padding:10px 12px;text-align:left;color:var(--ink-2)} .legal-section th{color:var(--ink);font-weight:600;background:rgba(230,246,249,.03)} /* ── footer (matches homepage) ── */ footer{border-top:1px solid var(--line);padding:64px 0 96px;margin-top:32px} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px} .footer-grid .wordmark{display:block;margin-bottom:6px} .footer-grid p{color:var(--ink-3);font-size:14px;line-height:1.6} .footer-grid h5{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase; color:var(--ink-4);margin-bottom:14px} .footer-grid ul{list-style:none} .footer-grid li{margin-bottom:9px} .footer-grid a{color:var(--ink-2);font-size:14px} .footer-grid a:hover{color:var(--ink)} .footer-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap; margin-top:56px;padding-top:24px;border-top:1px solid var(--line); font-family:var(--mono);font-size:12px;color:var(--ink-4)} .footer-bot a{color:var(--ink-3)} .footer-bot a:hover{color:var(--ink-2)} @media(max-width:720px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}} @media(max-width:480px){.footer-grid{grid-template-columns:1fr}} /* ── 404 page-local (dark) ── */ .nf-wrap{min-height:calc(100vh - 220px);display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px} .nf-card{max-width:560px} .nf-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:18px} .nf-code{font-family:var(--mono);font-size:80px;font-weight:700;color:var(--ink);line-height:1;margin-bottom:12px;letter-spacing:-.02em} .nf-card h1{font-size:32px;margin:0 0 14px;color:var(--ink);letter-spacing:-.01em} .nf-card p{font-size:16px;color:var(--ink-3);margin:0 0 32px;line-height:1.6} .nf-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} @media(max-width:540px){.nf-code{font-size:60px}.nf-card h1{font-size:24px}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}