:root{--nav-bg:#0f172a;--nav-surface:#1e293b;--nav-primary:#4a90e2;--nav-accent:#38bdf8;--nav-text:#e5e7eb;--nav-muted:#94a3b8;--nav-hover:#1f2f48}.nav-container{background:var(--nav-bg);z-index:100;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:70px;margin:0 auto;display:flex;position:sticky;top:0}.nav-links{gap:35px;display:flex}.nav-item{color:var(--nav-text);border-radius:8px;padding:8px 14px;font-size:1.05rem;text-decoration:none;transition:all .25s}.nav-item:hover{background:var(--nav-hover);color:var(--nav-accent)}.nav-item.active{background:var(--nav-primary);border-radius:999px;padding:10px 24px;box-shadow:0 4px 14px #4a90e273;color:#fff!important}.nav-right{align-items:center;gap:20px;display:flex;position:absolute;right:25px}.user-box{background:var(--nav-surface);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 14px;transition:all .2s;display:flex}.user-box:hover{background:var(--nav-hover)}.user-box img{border-radius:6px;width:32px;height:32px}.user-box span{color:var(--nav-text);font-size:.95rem;font-weight:500}.dropdown-menu{background:var(--nav-surface);border-radius:10px;width:220px;padding:18px;animation:.2s dropdownFade;position:absolute;top:75px;right:20px;box-shadow:0 8px 20px #00000059}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-login input{border:1px solid var(--nav-muted);background:var(--nav-bg);width:100%;color:var(--nav-text);border-radius:6px;margin-bottom:8px;padding:8px}.dropdown-login button{background:var(--nav-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:8px;font-weight:600}.dropdown-login button:hover{background:var(--nav-accent)}.logout-btn{color:#fff;cursor:pointer;background:#d9534f;border:none;border-radius:6px;width:100%;padding:8px}.logout-btn:hover{background:#b73f3b}.cart-link{color:var(--nav-accent);font-weight:600;text-decoration:none}.cart-link:hover{color:#fff}@media (max-width:900px){.nav-links{display:none}}
:root{--red:#ff4a4a;--blue:#4a90e2;--accent:#38bdf8;--text:#e5e7eb;--muted:#94a3b8;--surface:#1e293b}.hero-wrapper{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:50px auto 0;display:grid;position:relative}.hero-col{align-items:center;gap:12px;display:flex}.hero-left{justify-content:flex-start}.hero-center{justify-content:center}.hero-right{justify-content:flex-end}.hero-icon{align-items:center;font-size:30px;display:flex}.hero-icon svg{transform:scaleX(-1)}.hero-icon.red{color:var(--accent);transform:rotate(180deg)}.hero-icon.blue{color:var(--accent)}.hero-text{flex-direction:column;line-height:1.1rem;display:flex}.hero-text small{color:var(--accent);text-transform:uppercase;margin-bottom:3px;font-size:.8rem;font-weight:700}.stat{align-items:center;gap:6px;font-weight:700;display:flex}.stat-number{font-size:1.25rem;font-weight:800}.stat.red .stat-number,.stat.blue .stat-number{color:var(--accent)}.right-text{text-align:right}.main-logo{width:260px;max-width:80%;transition:all .25s;animation:2.5s infinite pulse}.main-logo:hover{transform:scale(1.05)}@media (max-width:900px){.hero-wrapper{text-align:center;grid-template-columns:1fr;justify-items:center;padding:30px 20px}.hero-left,.hero-right{display:none}.main-logo{width:220px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ip-copied-modal{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:1000;background:linear-gradient(#1e293bf2,#0f172af2);border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:280px;padding:26px 34px;animation:.35s forwards modalIn;display:none;position:fixed;top:20%;left:50%;transform:translate(-50%,-10px);box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff05}.ip-copied-modal.show{opacity:1;pointer-events:auto;display:flex}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.ip-copied-modal span{color:var(--text);letter-spacing:.3px;margin-top:6px;font-size:1.15rem;font-weight:700}.ip-copied-modal button{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent)70%,white));color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:10px;padding:10px 22px;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 6px 18px #00000059}.ip-copied-modal button:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 10px 26px #00000073}.ip-copied-modal button:active{transform:translateY(0);box-shadow:0 4px 12px #0006}.success-animation{margin:12px auto 6px}.checkmark{stroke-width:2px;stroke:#4bb71b;stroke-miterlimit:10;border-radius:50%;width:90px;height:90px;margin:0 auto;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block;position:relative;top:5px;right:5px;box-shadow:inset 0 0 #4bb71b}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#4bb71b;fill:#1e293b;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark__check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}.hero-text-ip{opacity:0;font-size:1.2rem;display:none}.show{opacity:1;display:block}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #4bb71b}}