:root{--bg: #050810;--bg-2: #0a0e17;--card: #0f1626;--border: #1e2739;--fg: #e8eaed;--muted: #9aa0ab;--primary: #f59e0b;--primary-fg: #1a1205}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-2);color:var(--fg);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.names-notice{margin-top:56px;background:#f59e0b12;border-bottom:1px solid var(--border);color:var(--muted);font-size:.72rem;line-height:1.5;text-align:center;padding:.5rem 1rem}.nav{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--border);background:#0a0e17cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-row{max-width:72rem;margin:0 auto;padding:0 1rem;height:56px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--primary);font-weight:700;letter-spacing:.12em;font-size:1.125rem;flex-shrink:0}.nav-desktop{display:flex;align-items:center;gap:1rem}.nav-desktop a,.nav-desktop button{font-size:.75rem;color:var(--muted);background:none;border:0;cursor:pointer;white-space:nowrap;transition:color .15s;font-family:inherit}.nav-desktop a:hover,.nav-desktop button:hover{color:var(--fg)}.nav-desktop a.active,.nav-desktop .dropdown.active>button{color:var(--primary);font-weight:500}.dropdown{position:relative}.dropdown>button{display:inline-flex;align-items:center;gap:.25rem}.caret{transition:transform .2s;display:inline-block;font-size:.6rem}.dropdown.open .caret{transform:rotate(180deg)}.dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-top:.5rem;width:9rem;border:1px solid var(--border);border-radius:.375rem;background:#0a0e17f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0006;padding:.25rem 0}.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:.5rem 1rem;font-size:.75rem}.nav-toggle{display:none;background:none;border:0;color:var(--fg);font-size:1.35rem;cursor:pointer}.nav-mobile{display:none;border-top:1px solid var(--border);background:#0a0e17f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 1rem}.nav-mobile.open{display:block}.nav-mobile a,.nav-mobile button{display:block;width:100%;text-align:left;padding:.5rem 0;font-size:.9rem;color:var(--muted);background:none;border:0;cursor:pointer;font-family:inherit}.nav-mobile a.active{color:var(--primary);font-weight:500}.nav-mobile .sub{padding-left:1rem}.nav-mobile .sub a{font-size:.85rem;padding:.35rem 0}.m-projects-sub{display:none}.m-projects-sub.open{display:block}@media(max-width:1023px){.nav-desktop{display:none}.nav-toggle{display:block}}.footer{border-top:1px solid var(--border);padding:2.5rem 1rem;margin-top:2rem}.footer-inner{max-width:64rem;margin:0 auto;text-align:center}.footer .copy{font-size:.875rem;color:var(--fg);font-weight:500;margin:0 0 .75rem}.footer .motto{font-size:.8rem;color:var(--muted);font-style:italic;margin:0 0 .75rem}.footer .flinks{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.75rem;color:var(--muted)}.footer .flinks a,.footer .flinks button{color:var(--muted);background:none;border:0;cursor:pointer;font-family:inherit;font-size:inherit;transition:color .15s}.footer .flinks a:hover,.footer .flinks button:hover{color:var(--primary)}.modal{display:none;position:fixed;inset:0;z-index:60;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.open{display:flex}.modal-box{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;max-width:24rem;width:100%;margin:0 1rem;box-shadow:0 20px 50px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-head h3{font-size:1.125rem;font-weight:600;color:var(--fg);margin:0}.modal-close{background:none;border:0;color:var(--muted);font-size:1.1rem;cursor:pointer}.modal-row{display:flex;align-items:center;gap:.5rem}.modal-row input{flex:1;background:#0b1220;border:1px solid var(--border);border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;color:var(--fg)}.modal-row button{flex-shrink:0;background:var(--primary);color:var(--primary-fg);border:0;padding:.5rem .85rem;border-radius:.375rem;cursor:pointer;font-weight:600}.modal-copied{font-size:.75rem;color:var(--primary);margin:.5rem 0 0;display:none}.modal-copied.show{display:block}
