html,body{background:#0a0e14;overflow:hidden}.splash{background:radial-gradient(#0e1a2e 0%,#0a0e14 70%);justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.glow{pointer-events:none;border:2px solid #468cb400;border-radius:50%;width:clamp(220px,38vw,300px);height:clamp(220px,38vw,300px);animation:.8s 1.1s forwards ringPulse;position:absolute}.logo-wrap{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) .25s forwards popIn,1.4s ease-in-out 1.2s 2 forwards nudge;transform:scale(.55)}.logo-wrap img{object-fit:contain;border-radius:50%;width:clamp(200px,36vw,280px);height:clamp(200px,36vw,280px);display:block}.splash.out{animation:.5s forwards fadeOut}@keyframes popIn{to{opacity:1;transform:scale(1)}}@keyframes nudge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeOut{to{opacity:0}}@keyframes ringPulse{0%{border-color:#468cb400;transform:scale(.88)}55%{border-color:#468cb499;transform:scale(1.16)}to{border-color:#468cb400;transform:scale(1.25)}}.card{background:#0d1530;border:1px solid #1e2a4a;border-radius:4px;width:100%;max-width:420px;animation:.38s cubic-bezier(.16,1,.3,1) both rise;box-shadow:0 8px 40px #0000004d}.card-header{border-bottom:1px solid #1e2a4a;padding:36px 40px 28px}.card-header h1{letter-spacing:-.5px;color:#e8eaf6;text-transform:uppercase;margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800;line-height:1}.card-header p{color:#8892b0;font-size:13px}.card-body{padding:32px 40px 36px}.form-extras{justify-content:space-between;align-items:center;margin:-6px 0 22px;display:flex}.remember{cursor:pointer;align-items:center;gap:8px;display:flex}.remember input[type=checkbox]{appearance:none;cursor:pointer;background:#0a0e1a;border:1.5px solid #1e2a4a;border-radius:2px;flex-shrink:0;width:15px;height:15px;transition:all .15s;position:relative}.remember input[type=checkbox]:checked{background:#2d7dd2;border-color:#2d7dd2}.remember input[type=checkbox]:checked:after{content:"";border:1.5px solid #fff;border-top:none;border-left:none;width:5px;height:8px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.remember span{color:#8892b0;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.forgot{color:#2d7dd2;letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:600;text-decoration:none}.forgot:hover{text-decoration:underline}.strength-bar{background:#1e2d50;border-radius:1px;height:2px;margin-top:8px;display:none;overflow:hidden}.strength-bar.show{display:block}.strength-fill{height:100%;transition:width .3s,background .3s}.divider{align-items:center;gap:12px;margin:4px 0 12px;display:flex}.divider hr{border:none;border-top:1px solid #1e2d50;flex:1}.divider span{color:#8892b0;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.card-footer{text-align:center;color:#8892b0;letter-spacing:.3px;border-top:1px solid #1e2d50;padding:16px 40px 20px;font-size:12px;font-weight:500}.card-footer a{color:#2d7dd2;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;text-decoration:none}.card-footer a:hover{text-decoration:underline}.modos-bg{z-index:0;pointer-events:none;background:var(--bg);--mx:-999px;--my:-999px;position:fixed;inset:0;overflow:hidden}.modos-grid{background-image:radial-gradient(circle,#2d7dd273 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite gridDrift;position:absolute;inset:0}.modos-orb{filter:blur(60px);will-change:transform, opacity;border-radius:50%;animation:linear infinite orbFloat;position:absolute}.modos-orb-1{background:#2d7dd28c;width:500px;height:500px;animation-duration:18s;animation-delay:0s;top:-160px;left:-120px}.modos-orb-2{background:#643cd273;width:420px;height:420px;animation-duration:22s;animation-delay:-6s;bottom:-100px;right:-80px}.modos-orb-3{background:#2d7dd266;width:300px;height:300px;animation-duration:15s;animation-delay:-3s;top:35%;left:58%}.modos-orb-4{background:#18c25a59;width:220px;height:220px;animation-duration:25s;animation-delay:-10s;top:60%;left:8%}.modos-cursor-glow{-webkit-mask-image:radial-gradient(circle 160px at var(--mx) var(--my), black 10%, transparent 80%);-webkit-mask-image:radial-gradient(circle 160px at var(--mx) var(--my), black 10%, transparent 80%);mask-image:radial-gradient(circle 160px at var(--mx) var(--my), black 10%, transparent 80%);background-image:radial-gradient(circle,#78beffe6 1.5px,#0000 1.5px);background-size:40px 40px;transition:-webkit-mask-image 50ms,mask-image 50ms;position:absolute;inset:0}@keyframes orbFloat{0%{opacity:.8;transform:translate(0)scale(1)}25%{opacity:1;transform:translate(30px,-40px)scale(1.05)}50%{opacity:.7;transform:translate(15px,-70px)scale(.97)}75%{opacity:.9;transform:translate(-20px,-30px)scale(1.03)}to{opacity:.8;transform:translate(0)scale(1)}}@keyframes gridDrift{0%{background-position:0 0}to{background-position:40px 40px}}.page{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.header{text-align:center;margin-bottom:52px;animation:.38s cubic-bezier(.16,1,.3,1) both rise}.header h1{font-family:var(--font-cond);letter-spacing:-.5px;text-transform:uppercase;color:var(--text);margin-bottom:10px;font-size:clamp(32px,5vw,44px);font-weight:800;line-height:1}.header-logo-row{justify-content:center;align-items:center;gap:10px;margin-bottom:14px;display:flex}.header-logo-img{object-fit:cover;border-radius:50%;width:40px;height:40px}.player-info{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.player-name-display{font-family:var(--font-cond);letter-spacing:1px;color:#ffffffb3;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.wins-badge-modos{font-family:var(--font-cond);letter-spacing:1px;color:var(--blue);background:#2d7dd21a;border:1px solid #2d7dd233;border-radius:20px;align-items:center;gap:5px;padding:5px 16px;font-size:13px;font-weight:700;display:inline-flex}.cards{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:680px;animation:.42s cubic-bezier(.16,1,.3,1) 80ms both rise;display:grid}.mode-card{background:var(--card-bg);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:4px;flex-direction:column;gap:20px;padding:40px 36px 52px;transition:all .18s;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";background:var(--blue);transform-origin:0;height:3px;transition:transform .22s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.mode-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 12px 40px #2d7dd21f}.mode-card:hover:before{transform:scaleX(1)}.mode-card:active{transform:translateY(-1px)}.mode-card-wide{grid-column:1/-1;padding:20px 28px}.icon-box{border:1.5px solid var(--border);background:#0d1235;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .18s,background .18s;display:flex}.mode-card:hover .icon-box{border-color:var(--blue);background:var(--blue-t)}.icon-box svg{color:var(--blue)}.mode-title{font-family:var(--font-cond);letter-spacing:.5px;text-transform:uppercase;color:var(--text);margin-bottom:8px;font-size:24px;font-weight:800;line-height:1}.mode-desc{color:var(--muted);font-size:13px;line-height:1.7}.mode-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tag{font-family:var(--font-cond);letter-spacing:1.2px;text-transform:uppercase;color:#7ab4e8;background:#2d7dd21f;border:1px solid #2d7dd240;border-radius:2px;padding:4px 10px;font-size:10px;font-weight:700}.mode-arrow{opacity:0;transition:all .2s;position:absolute;bottom:28px;right:28px;transform:translate(-6px)}.mode-arrow svg{color:var(--blue)}.mode-card:hover .mode-arrow{opacity:1;transform:translate(0)}.btn-back{z-index:2}@media (width<=560px){.cards{grid-template-columns:1fr;max-width:400px}.btn-back{top:16px;left:16px}.header{margin-bottom:36px}.mode-card{padding:28px 24px 48px}}.page{justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.screen{width:100%;max-width:500px;display:none}.screen.active{animation:.35s cubic-bezier(.16,1,.3,1) both rise;display:block}.header{text-align:center;margin-bottom:36px}.header h1{font-family:var(--font-cond);text-transform:uppercase;letter-spacing:-.5px;color:var(--text);margin-bottom:8px;font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1}.header p{color:var(--muted);font-size:13px}.card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:4px;overflow:hidden}#wins-badge{font-family:var(--font-cond);letter-spacing:1px;color:var(--blue);background:#2d7dd21a;border:1px solid #2d7dd233;border-radius:20px;align-items:center;gap:5px;padding:5px 16px;font-size:13px;font-weight:700;display:inline-flex}.create-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.create-tab{background:var(--card-bg);border:1.5px solid var(--border);cursor:pointer;text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;transition:all .15s;display:flex}.create-tab:hover{border-color:var(--blue);background:#2d7dd20f}.create-tab.active{border-color:var(--blue);background:#2d7dd224;box-shadow:0 0 10px #2d7dd233}.create-tab-icon{color:var(--muted);font-size:20px;line-height:1}.create-tab.active .create-tab-icon{color:var(--blue)}.create-tab-title{font-family:var(--font-cond);letter-spacing:1px;text-transform:uppercase;color:var(--text);font-size:14px;font-weight:800}.create-tab.active .create-tab-title{color:var(--blue)}.create-tab-note{color:var(--muted);opacity:.7;font-size:10px;font-weight:500}.room-header{text-align:center;margin-bottom:28px}.room-code-label{font-family:var(--font-cond);letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.room-code{font-family:var(--font-cond);letter-spacing:10px;color:var(--text);margin-bottom:10px;font-size:52px;font-weight:800;line-height:1}.copy-btn{background:var(--bg);border:1.5px solid var(--border);font-family:var(--font-cond);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:7px 16px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.copy-btn:hover{border-color:var(--blue);color:var(--blue)}.players-section{background:var(--card-bg);border:1.5px solid var(--border);border-radius:4px;margin-bottom:16px;overflow:hidden}.players-header{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.players-title{font-family:var(--font-cond);letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.players-count{font-family:var(--font-cond);color:var(--blue);font-size:13px;font-weight:800}.players-list{flex-direction:column;gap:4px;min-height:80px;padding:8px;display:flex}.player-row{border:1px solid var(--border);background:#ffffff0d;border-radius:3px;align-items:center;gap:12px;padding:10px 12px;animation:.25s cubic-bezier(.16,1,.3,1) both rise;display:flex}.player-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.player-name{color:var(--text);flex:1;font-size:14px;font-weight:600}.player-you{font-family:var(--font-cond);letter-spacing:1px;text-transform:uppercase;color:var(--blue);background:#2d7dd226;border-radius:2px;padding:3px 8px;font-size:10px;font-weight:700}.player-host{font-family:var(--font-cond);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.waiting-row{color:var(--muted);align-items:center;gap:8px;padding:16px 12px;font-size:13px;display:flex}.status-bar{background:var(--bg);border:1px solid var(--border);border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.5s infinite pulse-dot}.status-text{color:var(--muted);flex:1;margin-left:8px;font-weight:500}.status-connected{letter-spacing:.5px;font-size:11px;font-weight:600}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.round-selector{margin-bottom:14px}.round-label{font-family:var(--font-cond);letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:10px;font-weight:700;display:block}.round-btns{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.round-btn{border:1.5px solid var(--border);font-family:var(--font-cond);color:var(--muted);cursor:pointer;text-align:center;background:#ffffff0a;border-radius:4px;padding:12px 8px;font-size:20px;font-weight:800;transition:all .15s}.round-btn:hover{border-color:var(--blue);color:var(--blue);background:#2d7dd214}.round-btn.selected{border-color:var(--blue);color:#fff;background:#2d7dd226;box-shadow:0 0 12px #2d7dd24d}.host-controls{display:none}.host-controls.visible{display:block}.btn-start{background:var(--blue);color:#fff;width:100%;font-family:var(--font-cond);letter-spacing:3px;text-transform:uppercase;cursor:pointer;opacity:.4;pointer-events:none;border:none;border-radius:3px;padding:16px;font-size:17px;font-weight:800;transition:all .15s}.btn-start.ready{opacity:1;pointer-events:all}.btn-start.ready:hover{background:var(--blue-d)}.waiting-host{text-align:center;color:var(--muted);padding:16px;font-size:13px;display:none}.waiting-host.visible{display:block}.btn-leave{color:#c0392b;width:100%;font-family:var(--font-cond);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1.5px solid #fbb;border-radius:3px;margin-top:10px;padding:11px;font-size:12px;font-weight:700;transition:all .15s}.btn-leave:hover{background:#c0392b14}.rooms-section{margin-bottom:16px}.rooms-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 2px;display:flex}.rooms-title{font-family:var(--font-cond);letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.rooms-live{letter-spacing:1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.live-dot{background:#2ecc71;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s infinite pulse-dot;display:inline-block}.rooms-empty{background:var(--card-bg);border:1.5px dashed var(--border);color:var(--muted);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:28px;font-size:13px;display:flex}.rooms-empty small{opacity:.6;font-size:11px}.room-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:4px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s;animation:.25s cubic-bezier(.16,1,.3,1) both rise;display:flex}.room-card:hover{border-color:var(--blue)}.room-card.room-full{opacity:.5;pointer-events:none}.room-card-info{flex-direction:column;flex:1;gap:4px;display:flex}.room-card-code{font-family:var(--font-cond);letter-spacing:3px;color:var(--text);font-size:18px;font-weight:800}.room-card-count{color:var(--muted);font-size:11px;font-weight:500}.room-card-bar{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.room-card-fill{background:var(--blue);border-radius:2px;height:100%;transition:width .3s}.room-card-label-full{font-family:var(--font-cond);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10px}.btn-join-card{background:var(--blue);color:#fff;font-family:var(--font-cond);letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:3px;padding:8px 18px;font-size:13px;font-weight:800;transition:all .15s}.btn-join-card:hover{opacity:.85}.btn-code-toggle{width:100%;color:var(--muted);border:1.5px solid var(--border);font-family:var(--font-cond);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;margin-bottom:0;padding:10px;font-size:11px;font-weight:700;transition:all .15s}.btn-code-toggle:hover{border-color:var(--blue);color:var(--blue)}.code-input{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:3px;outline:none;padding:12px 14px;transition:border-color .15s;font-family:var(--font-cond)!important;letter-spacing:8px!important;text-transform:uppercase!important;text-align:center!important;font-size:28px!important;font-weight:800!important}.code-input:focus{border-color:var(--blue)}.code-panel{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid;overflow:hidden}.code-panel.open{grid-template-rows:1fr}.code-panel>*{min-height:0;overflow:hidden}.room-private-badge{font-family:var(--font-cond);letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);background:#2d7dd21f;border:1px solid #2d7dd24d;border-radius:3px;align-items:center;gap:6px;margin-bottom:4px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.countdown-overlay{opacity:0;pointer-events:none;z-index:10;background:#0a0e1aeb;border-radius:4px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.countdown-overlay.visible{opacity:1;pointer-events:all}#screen-room{position:relative}.countdown-box{text-align:center}.countdown-title{font-family:var(--font-cond);letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;font-size:13px;font-weight:800}.countdown-num{font-family:var(--font-cond);color:#fff;font-size:96px;font-weight:800;line-height:1}.countdown-sub{color:var(--muted);margin-top:8px;font-size:13px}@keyframes countPop{0%{opacity:.4;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#2d7dd2;--blue-l:#3a8fe0;--blue-d:#1a6ab8;--blue-bg:#2d7dd21a;--blue-t:#2d7dd214;--green:#18c25a;--green-d:#12a84c;--text:#e8eaf6;--muted:#8892b0;--border:#1e2d50;--bg:#0a0e1a;--card-bg:#0d1535;--gold:#f5c842;--silver:#b0bec5;--bronze:#cd7f32;--font-base:"Barlow", sans-serif;--font-cond:"Barlow Condensed", sans-serif}html,body{height:100%;font-family:var(--font-base);background:var(--bg);color:var(--text)}.btn-back{background:var(--card-bg);border:1.5px solid var(--border);font-family:var(--font-cond);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;z-index:10;border-radius:3px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:flex;position:fixed;top:28px;left:28px}.btn-back:hover{border-color:var(--blue);color:var(--blue)}.btn-back svg{stroke:currentColor;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:14px;height:14px}.brand{font-family:var(--font-cond);letter-spacing:4px;text-transform:uppercase;color:var(--blue);margin-bottom:14px;font-size:13px;font-weight:800;display:block}.btn{font-family:var(--font-cond);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:16px;font-weight:700;transition:all .15s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-l)}.btn-primary:active{transform:scale(.99)}.btn-secondary{color:var(--muted);border:1.5px solid var(--border);letter-spacing:1px;background:0 0;font-size:14px}.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}.btn-ghost{color:#fff9;background:#ffffff0f;border:1px solid #ffffff1f;font-size:13px}.btn-ghost:hover{color:#fff;border-color:#ffffff4d}.btn-full{width:100%}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:none}.btn.loading .btn-label{display:none}.btn.loading .spinner{display:block}.msg{border-left:3px solid;border-radius:3px;margin-bottom:20px;padding:11px 14px;font-size:13px;font-weight:500;display:none}.msg.error{color:#991b1b;background:#fef2f2;border-color:#ef4444}.msg.success{color:#14532d;border-color:var(--green);background:#f0fdf4}.msg.show{display:block}.field{margin-bottom:18px}.field label{color:var(--text);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.field input,.field select,.field textarea{background:var(--bg);border:1.5px solid var(--border);width:100%;font-family:var(--font-base);color:var(--text);resize:vertical;border-radius:3px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);background:var(--card-bg);box-shadow:0 0 0 3px #2d7dd214}.field input::placeholder,.field textarea::placeholder{color:#9dbdad}.tabs{border-bottom:1px solid var(--border);display:flex}.tab{font-family:var(--font-base);letter-spacing:.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:14px 0;font-size:13px;font-weight:600;transition:color .15s;position:relative}.tab:after{content:"";background:var(--blue);height:2px;transition:transform .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab.active{color:var(--text)}.tab.active:after{transform:scaleX(1)}.dots span{background:#fff3;border-radius:50%;width:7px;height:7px;margin:0 3px;animation:.9s infinite bounce;display:inline-block}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{background:#fff3;transform:translateY(0)}50%{background:var(--blue);transform:translateY(-5px)}}@keyframes screenIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.navbar *{box-sizing:border-box;margin:0;padding:0}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #e8eaed;font-family:Poppins,sans-serif;position:sticky;top:0;box-shadow:0 1px 6px #0000000d}.navbar-inner{align-items:center;width:100%;height:54px;padding:0 32px;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;margin-right:28px;text-decoration:none;display:flex}.navbar-logo img.logo-main,.navbar-logo img.logo-eu{object-fit:contain;width:auto;height:30px}.navbar-links{align-items:stretch;gap:0;height:54px;list-style:none;display:flex}.navbar-links>li{align-items:center;display:flex;position:relative}.navbar-links>li>a,.navbar-links>li>button{color:#333;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;height:100%;padding:0 11px;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;text-decoration:none;transition:color .2s;display:flex;position:relative}.navbar-links>li>a:after,.navbar-links>li>button:after{content:"";opacity:0;background:#3d5af1;border-radius:2px;width:4px;height:2px;transition:width .28s cubic-bezier(.25,.46,.45,.94),opacity .2s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar-links>li>a:hover:after,.navbar-links>li>button:hover:after,.navbar-links>li>a.active:after{opacity:1;width:100%}.navbar-links>li>a:hover,.navbar-links>li>button:hover{color:#3d5af1}.navbar-links>li>a.active{color:#3d5af1;font-weight:600}.navbar-links .chevron{flex-shrink:0;transition:transform .2s}.navbar-links li.open>button .chevron{transform:rotate(180deg)}.navbar-links li.open>button{color:#3d5af1}.navbar-dropdown{z-index:200;background:#fff;border:1px solid #e8eaed;border-radius:8px;min-width:200px;padding:6px 0;list-style:none;animation:.16s both navDropIn;display:none;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 8px 24px #0000001a}.navbar-links li.open>.navbar-dropdown{display:block}@keyframes navDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown li a{color:#333;align-items:center;gap:8px;padding:9px 18px;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.navbar-dropdown li a:hover{color:#3d5af1;background:#3d5af10d;padding-left:22px}.navbar-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.navbar-user-info{color:#555;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:13px;display:flex}.navbar-avatar{color:#fff;background:#3d5af1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.navbar-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;padding:6px 16px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.navbar-btn-primary{color:#fff;background:#3d5af1}.navbar-btn-primary:hover{background:#2a45d4}.navbar-btn-ghost{color:#3d5af1;background:0 0;border:1.5px solid #3d5af1}.navbar-btn-ghost:hover{background:#3d5af10d}.navbar-burger{cursor:pointer;color:#333;background:0 0;border:none;margin-left:auto;padding:6px;display:none}.navbar-mobile{background:#fff;border-top:1px solid #f0f0f0;flex-direction:column;gap:2px;padding:10px 16px 16px;display:none;box-shadow:0 8px 24px #00000014}.navbar-mobile.open{display:flex}.navbar-mobile a,.navbar-mobile button{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:10px 12px;font-family:Poppins,sans-serif;font-size:13px;font-weight:400;text-decoration:none;transition:all .15s;display:block}.navbar-mobile a:hover,.navbar-mobile button:hover{color:#3d5af1;background:#3d5af10d}.navbar-mobile .mobile-divider{background:#f0f0f0;height:1px;margin:6px 0}.navbar-mobile .mobile-sub{color:#555;align-items:center;gap:6px;padding-left:22px;display:flex}@media (width<=900px){.navbar-links,.navbar-right{display:none}.navbar-burger{display:block}.navbar-logo{margin-right:auto}.navbar-inner{padding:0 16px}}