.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#542da0d9;width:100%;padding:18px 0;transition:padding .3s,background .3s;position:fixed;top:0;box-shadow:0 4px 14px #00000026}.navbar.scrolled{background:#1d304bd9;padding:18px 0}.nav-spacer{height:74px}.nav-container{align-items:center;gap:14px;width:92%;max-width:1200px;margin:0 auto;display:flex}.logo{color:#fff;letter-spacing:.2px;white-space:nowrap;font-size:20px;font-weight:800;text-decoration:none}.nav-links{flex:1;justify-content:center;align-items:center;gap:18px;min-width:0;display:flex}.nav-link{color:#fff;opacity:.95;white-space:nowrap;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;position:relative}.nav-link:hover{opacity:.75;transform:translateY(-1px)}.nav-link.active{opacity:1}.nav-link.active:after{content:"";background:#ffffffbf;border-radius:999px;height:3px;position:absolute;bottom:-10px;left:0;right:0}.nav-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.nav-auth{color:#111827;background:linear-gradient(90deg,#ff9800,#ffc107);border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-weight:800;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 26px #00000038}.nav-auth:hover{opacity:.95;transform:translateY(-1px)}.nav-user{align-items:center;gap:10px;display:inline-flex}.nav-user-pill{color:#fff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;max-width:340px;padding:10px 12px;font-weight:800;display:inline-flex}.nav-user-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-logout-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,opacity .2s;display:inline-flex}.nav-logout-btn:hover{opacity:.92;transform:translateY(-1px)}.nav-burger{cursor:pointer;color:#fff;background:#ffffff1f;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}.nav-burger:hover{opacity:.95}.nav-mobile{z-index:1200;pointer-events:none;position:fixed;inset:0}.nav-mobile:before{content:"";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:circle(0 at 92% 28px);background:#0b12209e;transition:clip-path .45s;position:absolute;inset:0}.nav-mobile.open{pointer-events:auto}.nav-mobile.open:before{clip-path:circle(150% at 92% 28px)}.nav-backdrop{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.nav-mobile-card{opacity:0;background:#542da033;border:1px solid #ffffff24;border-radius:18px;padding:14px;transition:transform .28s,opacity .28s;position:absolute;top:86px;left:16px;right:16px;transform:translateY(-10px);box-shadow:0 18px 40px #00000059}.nav-mobile.open .nav-mobile-card{opacity:1;transform:translateY(0)}.nav-mobile-header{justify-content:space-between;align-items:center;padding:6px 6px 12px;display:flex}.nav-mobile-title{color:#fff;letter-spacing:.2px;font-weight:900}.nav-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.nav-mobile-links{gap:8px;padding:4px 6px 10px;display:grid}.nav-mobile-link{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 12px;font-weight:800;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.nav-mobile-link:hover{opacity:.92;transform:translateY(-1px)}.nav-mobile-link.active{background:#ffffff29;border-color:#ffffff2e}.nav-mobile-divider{background:#ffffff1f;border-radius:999px;height:1px;margin:8px 0 6px}.nav-mobile-auth{color:#111827;background:linear-gradient(90deg,#ff9800,#ffc107);border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-weight:900;text-decoration:none;display:inline-flex}.nav-mobile-user{gap:10px;display:grid}.nav-mobile-logout{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-weight:900;display:inline-flex}@media (max-width:900px){.nav-links,.nav-actions{display:none}.nav-burger{display:inline-flex}}@media (prefers-reduced-motion:reduce){.nav-mobile:before,.nav-mobile-card,.nav-link,.nav-mobile-link,.nav-auth{transition:none!important}}.nav-container{align-items:center;gap:14px;display:flex}.nav-links{flex:1;justify-content:center;align-items:center;display:flex}.nav-actions{align-items:center;gap:10px;display:flex}.nav-burger{margin-left:auto}.nav-user{position:relative}.nav-user-menu{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a10e0;border:1px solid #ffffff1f;border-radius:16px;gap:10px;min-width:260px;padding:12px;display:grid;position:absolute;top:calc(100% + 12px);left:0;box-shadow:0 18px 60px #00000073}.nav-user-menu:before{content:"";background:#0a0a10e0;border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;width:14px;height:14px;position:absolute;top:-7px;left:18px;transform:rotate(45deg)}.nav-user-menu-item{color:#ffffffeb;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:12px;font-weight:800;text-decoration:none;transition:transform .18s,opacity .18s;display:flex}.nav-user-menu-item:hover{opacity:.95;transform:translateY(-1px)}.nav-user-menu-logout{cursor:pointer;color:#ffffffe6;background:#ffc1071a;border:1px solid #ffc10738;border-radius:12px;align-items:center;gap:10px;width:100%;margin-top:4px;padding:12px;font-weight:800;display:flex}@media (max-width:900px){.nav-links{display:none}.nav-actions{margin-left:auto}.nav-actions{display:none!important}.nav-burger{margin-left:auto!important}}
.footer{color:#fff;background:radial-gradient(circle at 25% 20%,#8887e82e,#0000 45%),linear-gradient(135deg,#1d304b,#131f31);padding:54px 16px 26px;overflow:hidden}.footer-inner{max-width:1180px;margin:0 auto}.footer-grid{grid-template-columns:1.2fr .9fr 1fr;align-items:start;gap:40px;display:grid}.footer-col{min-width:0}.footer-title{letter-spacing:.2px;margin:6px 0 16px;font-size:18px;font-weight:800}.footer-logo{filter:drop-shadow(0 8px 16px #00000047);width:150px;height:auto;margin-bottom:14px}.footer-desc{opacity:.92;max-width:360px;margin:0 0 18px;font-size:15px;line-height:1.6}.footer-social{flex-wrap:wrap;gap:10px;display:flex}.footer-socialBtn{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:900;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.footer-socialBtn:hover{opacity:.92;transform:translateY(-2px)}.footer-links{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:#cfd6e3f2;align-items:center;gap:8px;font-size:15px;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.footer-links a:hover{opacity:1;transform:translate(2px)}.footer-contact{gap:10px;margin-top:2px;display:grid}.footer-contactItem{opacity:.92;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;display:flex}.footer-dot{background:#ffffffa6;border-radius:999px;flex:none;width:8px;height:8px;margin-top:7px}.footer-bottom{text-align:center;opacity:.9;border-top:1px solid #ffffff1f;margin-top:34px;padding-top:22px}.footer-bottom p{opacity:.82;margin:0;font-size:13.5px}.fade-in-up{opacity:0;animation:.85s forwards fadeUp;transform:translateY(18px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.footer{padding:44px 16px 22px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-desc{max-width:100%}.footer-bottom{text-align:left}}@media (prefers-reduced-motion:reduce){.fade-in-up{opacity:1;animation:none;transform:none}.footer-socialBtn,.footer-links a{transition:none!important}}