.button{--bg:var(--teal);--fg:white;--bd:transparent;isolation:isolate;border:1px solid var(--bd);background:var(--bg);min-height:48px;color:var(--fg);font:inherit;letter-spacing:-.005em;cursor:pointer;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";background:radial-gradient(120px 60px at var(--mx,50%) var(--my,50%), #ffffff47, transparent 60%);opacity:0;transition:opacity var(--dur) var(--ease-out);pointer-events:none;z-index:-1;position:absolute;inset:0}.button:hover:before{opacity:1}.button:hover{box-shadow:var(--sh);transform:translateY(-2px)}.button:active{box-shadow:none;transform:translateY(0)}.button-primary{--bg:var(--ink);--fg:white}.button-primary:hover{--bg:var(--teal-dark)}.button-accent{--bg:var(--teal);--fg:white}.button-accent:hover{--bg:var(--teal-2)}.button-ghost{--bg:transparent;--fg:var(--ink);--bd:var(--line)}.button-ghost:hover{--bd:var(--ink)}.button-outline-light{--bg:transparent;--fg:white;--bd:#fff6}.button-outline-light:hover{--bg:#ffffff1a;--bd:#ffffffb3}.button-lg{min-height:54px;padding:0 28px;font-size:1rem}.arrow{transition:transform var(--dur) var(--ease-out);display:inline-block}.button:hover .arrow{transform:translate(4px)}.text-link{color:var(--ink);transition:color var(--dur) var(--ease-out), gap var(--dur) var(--ease-out);border-bottom:1px solid;align-items:center;gap:6px;padding-bottom:2px;font-weight:600;display:inline-flex}.text-link:after{content:"↗";transition:transform var(--dur) var(--ease-out);font-size:.9em}.text-link:hover{color:var(--teal);gap:10px}.text-link:hover:after{transform:translate(2px,-2px)}.site-header{z-index:40;-webkit-backdrop-filter:saturate(160%)blur(20px);color:#fffffff0;transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:#0a2f2247;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header.is-scrolled{border-color:var(--line-soft);color:var(--ink);background:#ffffffe6}.site-header .logo{color:inherit}.site-header .nav-links{color:inherit;opacity:.94}.site-header .nav-links a:hover,.site-header .nav-links a.is-active{color:var(--brand-mint)}.site-header.is-scrolled .nav-links a:hover,.site-header.is-scrolled .nav-links a.is-active{color:var(--teal)}.site-header .nav-login{color:inherit;opacity:.9}.site-header .nav-toggle span,.site-header .nav-toggle span:before,.site-header .nav-toggle span:after{background:currentColor}.nav{width:min(var(--container), calc(100% - 40px));min-height:var(--nav-h);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;display:flex}.logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:1.08rem;font-weight:700;display:inline-flex}.logo-mark{color:#fff;background:var(--teal);width:40px;height:40px;transition:transform .32s var(--ease-spring), background .26s var(--ease-out);border-radius:10px;place-items:center;font-size:.9rem;font-weight:800;display:grid;overflow:hidden}.logo-mark img,.logo-mark svg{object-fit:cover;width:100%;height:100%;display:block}.logo:hover .logo-mark{transform:rotate(-4deg)scale(1.06)}.nav-links{color:var(--ink-2);align-items:center;gap:30px;font-size:.94rem;font-weight:500;display:flex}.nav-links a{transition:color var(--dur) var(--ease-out);padding:6px 0;position:relative}.nav-links a:hover,.nav-links a.is-active{color:var(--teal)}.nav-links a:after{content:"";transform-origin:0;height:2px;transition:transform var(--dur) var(--ease-out);background:currentColor;border-radius:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.nav-item{position:relative}.nav-trigger{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-weight:500;display:inline-flex}.nav-trigger:after{content:"";width:6px;height:6px;transition:transform var(--dur) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translateY(-2px)}.nav-item:hover .nav-trigger:after,.nav-item:focus-within .nav-trigger:after{transform:rotate(-135deg)translate(-2px)}.nav-dropdown{border:1px solid var(--line);opacity:0;visibility:hidden;min-width:240px;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), visibility var(--dur);background:#fff;border-radius:14px;padding:8px;position:absolute;top:calc(100% + 12px);left:-12px;transform:translateY(-6px);box-shadow:0 24px 60px #0f172024}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown a{color:var(--ink-2);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:8px;padding:10px 12px;font-size:.94rem;font-weight:500;display:block}.nav-dropdown a:after{display:none}.nav-dropdown a:hover{background:var(--teal-tint);color:var(--teal-dark)}.nav-actions{align-items:center;gap:10px;display:flex}.nav-user-chip{background:var(--soft);color:var(--ink);transition:background var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.nav-user-chip:hover{background:var(--teal-tint);transform:translateY(-1px)}.nav-user-avatar{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden}.nav-user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.nav-login{color:var(--ink);transition:background var(--dur) var(--ease-out);border-radius:999px;padding:10px 14px;font-weight:600}.nav-login:hover{background:var(--soft)}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:44px;height:44px;padding:0;display:none}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";background:var(--ink);width:18px;height:2px;transition:transform var(--dur) var(--ease-out), top var(--dur) var(--ease-out);border-radius:2px;margin:0 auto;display:block;position:relative}.nav-toggle span:before{position:absolute;top:-6px}.nav-toggle span:after{position:absolute;top:6px}.nav-toggle[aria-expanded=true] span{background:0 0}.nav-toggle[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}.mobile-menu{border-top:1px solid var(--line-soft);background:#fff;padding:8px 20px 24px;display:none}.mobile-menu[data-open=true]{display:block}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu li{border-bottom:1px solid var(--line-soft)}.mobile-menu li:last-child{border:0}.mobile-menu>ul>li>a,.mobile-menu>ul>li>.m-group-title{color:var(--ink);padding:14px 4px;font-size:1rem;font-weight:700;display:block}.m-group-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;font-size:.76rem!important}.mobile-menu .m-sub{padding:0 0 12px 4px}.mobile-menu .m-sub a{color:var(--muted);padding:8px 0;font-size:.95rem;font-weight:500;display:block}.mobile-menu .m-sub a:hover{color:var(--teal)}.mobile-menu .m-actions{gap:10px;margin-top:16px;display:grid}.site-footer{color:#ffffffb8;background:#0a1218;padding:92px 0 32px;position:relative;overflow:hidden}.site-footer:before{content:"";filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#006d7759,#0000 65%);border-radius:50%;width:560px;height:560px;position:absolute;inset:auto -240px -280px auto}.site-footer .footer-cta{z-index:1;max-width:720px;margin-bottom:60px;position:relative}.site-footer .footer-cta h2{color:#fff;letter-spacing:-.03em;font-family:Instrument Serif,serif;font-weight:400}.site-footer .footer-cta p{color:#ffffffa6;max-width:520px;margin-top:14px;font-size:1.1rem}.site-footer .footer-cta .button{margin-top:24px}.site-footer .footer-cta .button-primary{--bg:white;--fg:var(--ink)}.site-footer .footer-cta .button-primary:hover{--bg:var(--gold)}.footer-grid{z-index:1;border-bottom:1px solid #ffffff14;grid-template-columns:1.4fr repeat(4,1fr);gap:40px;padding-bottom:44px;display:grid;position:relative}.footer-brand .logo{color:#fff}.footer-brand p{color:#ffffff8c;max-width:320px;margin-top:14px;font-size:.94rem}.footer-col h4{color:#fff;letter-spacing:.14em;text-transform:uppercase;margin:4px 0 16px;font-size:.78rem;font-weight:700}.footer-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-col a{color:#fff9;transition:color var(--dur) var(--ease-out);font-size:.94rem;font-weight:500}.footer-col a:hover{color:var(--gold)}.footer-base{z-index:1;color:#ffffff73;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:26px;font-size:.9rem;display:flex;position:relative}.footer-social{gap:10px;display:flex}.footer-social a{color:#fff9;width:38px;height:38px;transition:color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), background var(--dur) var(--ease-out);border:1px solid #ffffff1a;border-radius:12px;place-items:center;display:grid}.footer-social a:hover{color:var(--ink);background:var(--gold);border-color:var(--gold);transform:translateY(-3px)}@media (width<=960px){.nav-links,.nav-actions .button,.nav-actions .nav-login{display:none}.nav-actions .nav-toggle{justify-content:center;align-items:center;display:inline-flex}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.footer-grid{grid-template-columns:1fr;gap:30px}.container,.nav{width:calc(100% - 32px)}}.page-header{background:radial-gradient(900px 400px at 88% -10%, #006d7733, transparent 60%), radial-gradient(800px 380px at 4% 0%, #f2b84b2e, transparent 60%), var(--softer);border-bottom:1px solid var(--line-soft);padding:100px 0 80px;position:relative;overflow:hidden}.page-header .breadcrumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:.86rem;display:flex}.page-header .breadcrumb a{color:var(--muted);transition:color var(--dur) var(--ease-out)}.page-header .breadcrumb a:hover{color:var(--teal)}.page-header .breadcrumb span{color:var(--muted-2)}.page-header h1{letter-spacing:-.03em;margin-bottom:16px;font-family:Instrument Serif,serif;font-size:clamp(2.4rem,4.5vw + 1rem,4rem);font-weight:400;line-height:1.02}.page-header .lead{max-width:640px;color:var(--muted);margin:0;font-size:1.1rem}.subpage-body{padding:clamp(64px,8vw,100px) 0}.placeholder{border:2px dashed var(--line);background:var(--softer);text-align:center;border-radius:22px;padding:80px 30px}.placeholder .p-badge{background:var(--teal-tint);color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-block}.placeholder h2{letter-spacing:-.02em;margin:0 0 14px;font-family:Instrument Serif,serif;font-size:2rem;font-weight:400}.placeholder p{max-width:500px;color:var(--muted);margin:0 auto}.subpage-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:40px;display:grid}.subpage-aside{border:1px solid var(--line);box-shadow:var(--sh-xs);background:#fff;border-radius:18px;padding:26px}.subpage-aside h3{margin:0 0 14px;font-size:1.05rem}.subpage-aside ul{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.subpage-aside li{border-bottom:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;gap:10px;padding-bottom:10px;font-size:.94rem;display:flex}.subpage-aside li strong{color:var(--ink);font-weight:700}.subpage-aside li:last-child{border:0;padding-bottom:0}.subpage-aside .button{width:100%}@media (width<=860px){.subpage-grid{grid-template-columns:1fr}}.auth-shell{min-height:calc(100vh - var(--nav-h));grid-template-columns:1fr 1fr;display:grid}.auth-side{color:#fff;background:radial-gradient(700px 400px at 20% 20%, #ffffff14, transparent 60%), linear-gradient(135deg, #0a2e33 0%, var(--teal-dark) 55%, var(--teal-2) 100%);flex-direction:column;justify-content:space-between;padding:60px 48px;display:flex;position:relative;overflow:hidden}.auth-side:after{content:"";filter:blur(20px);pointer-events:none;background:#f2b84b26;border-radius:50%;width:480px;height:480px;position:absolute;inset:auto -160px -180px auto}.auth-side .brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.auth-side .brand .logo-mark{color:var(--teal-dark);background:#fff}.auth-side h2{color:#fff;letter-spacing:-.03em;max-width:400px;margin:30px 0 14px;font-family:Instrument Serif,serif;font-size:2.4rem;font-weight:400;line-height:1.05}.auth-side .lead{color:#ffffffc7;z-index:1;max-width:420px;font-size:1.02rem;position:relative}.auth-side .quote{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:22px;position:relative}.auth-side .quote p{margin:0 0 12px;font-size:.98rem}.auth-side .quote small{color:#fff9;font-weight:700}.auth-form-wrap{place-items:center;padding:60px 48px;display:grid}.auth-form{width:min(420px,100%)}.auth-form h1{letter-spacing:-.02em;margin:0 0 6px;font-family:Instrument Serif,serif;font-size:2.2rem;font-weight:400}.auth-form .sub{color:var(--muted);margin:0 0 26px}.field{gap:6px;margin-bottom:16px;display:grid}.field label{color:var(--ink);font-size:.86rem;font-weight:600}.field input,.field select{border:1px solid var(--line);height:48px;font:inherit;transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:#fff;border-radius:12px;padding:0 14px;font-size:.95rem}.field input:focus,.field select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #006d7724}.field .hint{color:var(--muted);font-size:.82rem}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.auth-form .button-primary{width:100%;margin-top:6px}.auth-alt{color:var(--muted);align-items:center;gap:12px;margin:24px 0;font-size:.86rem;display:flex}.auth-alt:before,.auth-alt:after{content:"";background:var(--line);flex:1;height:1px}.social-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.social-btn{border:1px solid var(--line);min-height:46px;color:var(--ink);cursor:pointer;transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.social-btn:hover{border-color:var(--teal);box-shadow:var(--sh-sm);transform:translateY(-2px)}.social-btn svg{width:18px;height:18px}.auth-form .footnote{text-align:center;color:var(--muted);margin-top:24px;font-size:.92rem}.auth-form .footnote a{color:var(--teal);font-weight:700}.auth-form .footnote a:hover{color:var(--coral)}.check{color:var(--muted);align-items:flex-start;gap:8px;margin:4px 0 18px;font-size:.88rem;display:flex}.check input{accent-color:var(--teal);margin-top:3px}.check a{color:var(--teal);font-weight:700}.forgot{text-align:right;margin:-6px 0 14px}.forgot a{color:var(--teal);font-size:.86rem;font-weight:700}@media (width<=960px){.auth-shell{grid-template-columns:1fr}.auth-side{min-height:auto;padding:40px 28px}.auth-side h2{margin-top:20px;font-size:1.8rem}.auth-side .quote{display:none}.auth-form-wrap{padding:40px 24px}}
