@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-darker: hsl(0, 0%, 3%);--bg-dark: hsl(0, 0%, 6%);--bg-card: hsla(0, 0%, 10%, .7);--bg-card-hover: hsla(0, 0%, 13%, .85);--color-cyan: hsl(0, 0%, 100%);--color-cyan-glow: hsla(0, 0%, 100%, .25);--color-purple: hsl(0, 0%, 75%);--color-purple-glow: hsla(0, 0%, 100%, .12);--color-success: hsl(145, 80%, 55%);--color-success-glow: hsla(145, 80%, 55%, .15);--color-error: hsl(355, 85%, 60%);--color-error-glow: hsla(355, 85%, 60%, .15);--text-primary: hsl(0, 0%, 96%);--text-muted: hsl(0, 0%, 70%);--text-dimmed: hsl(0, 0%, 45%);--border-glow: hsla(0, 0%, 100%, .12);--border-card: hsla(0, 0%, 22%, .4);--border-card-focus: hsla(0, 0%, 100%, .5);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--glow-shadow: 0 0 15px var(--color-cyan-glow);--glow-shadow-purple: 0 0 15px var(--color-purple-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-darker);background-image:radial-gradient(circle at 15% 15%,hsla(0,0%,100%,.03) 0%,transparent 40%),radial-gradient(circle at 85% 85%,hsla(0,0%,100%,.03) 0%,transparent 40%);background-attachment:fixed;min-height:100vh}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-family);font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/logo.decouper.png);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.25;z-index:-1;pointer-events:none}@media(max-width:768px){body:before{background-size:cover}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan)}a{color:var(--color-cyan);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--text-primary);text-shadow:0 0 8px var(--color-cyan-glow)}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.hud-header{border-bottom:1px solid var(--border-card);background:#050505e6;backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 4px 30px #0009}.hud-logo{font-size:1.4rem;font-weight:800;letter-spacing:2px;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.nav-link:hover,.nav-link.active{color:var(--color-cyan);text-shadow:0 0 8px var(--color-cyan-glow)}.user-tag{display:flex;align-items:center;gap:.75rem;padding:.35rem .85rem;background:#26262666;border:1px solid var(--border-card);border-radius:4px}.user-avatar-dot{width:8px;height:8px;background-color:var(--color-cyan);border-radius:50%;box-shadow:0 0 8px var(--color-cyan)}.premium-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:.15rem .5rem;border-radius:4px;background:linear-gradient(135deg,#fff,#888);color:#000;box-shadow:0 0 10px var(--color-cyan-glow)}.free-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.15rem .5rem;border-radius:4px;background:#40404099;color:var(--text-muted)}.hud-card{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border-card);border-top:3px solid var(--color-cyan);border-radius:8px;padding:2.5rem 2rem;backdrop-filter:blur(12px);box-shadow:0 10px 40px #000000b3,inset 0 1px #ffffff0d;position:relative;overflow:hidden;animation:cardFadeIn .5s ease-out}.hud-card:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 45%,var(--border-card) 50%,transparent 55%)}.hud-card-header{margin-bottom:2rem;text-align:center}.hud-title{font-size:1.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.05)}.hud-subtitle{font-size:.9rem;color:var(--text-muted)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;color:var(--text-muted)}.form-input-wrapper{position:relative}.form-input{width:100%;padding:.75rem 1rem;background-color:#0d0d0dcc;border:1px solid var(--border-card);border-radius:4px;color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 12px var(--color-cyan-glow)}.form-input::placeholder{color:var(--text-dimmed)}.hud-alert{padding:.85rem 1rem;border-radius:4px;font-size:.85rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.hud-alert-error{background-color:var(--color-error-glow);border:1px solid var(--color-error);color:#ff99a1}.hud-alert-success{background-color:var(--color-success-glow);border:1px solid var(--color-success);color:#99ffc4}.hud-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.85rem 1.5rem;font-family:var(--font-family);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:var(--transition-fast)}.hud-btn-primary{background:var(--color-cyan);color:var(--bg-darker);box-shadow:0 0 15px var(--color-cyan-glow);border-color:var(--color-cyan)}.hud-btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 25px var(--color-cyan)}.hud-btn-secondary{background:transparent;border-color:var(--border-card);color:var(--text-primary)}.hud-btn-secondary:hover{background:#3333334d;border-color:var(--text-primary);box-shadow:0 0 10px #ffffff1a}.hud-btn-premium{background:linear-gradient(135deg,#fff,#b8b8b8,#555);color:#000;box-shadow:0 0 15px var(--color-cyan-glow);font-weight:800;border-color:#fff}.hud-btn-premium:hover{transform:translateY(-1px);box-shadow:0 0 25px #fffc}.hud-card-footer{margin-top:1.75rem;text-align:center;font-size:.85rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:900px;margin:0 auto;animation:cardFadeIn .5s ease-out}@media(min-width:768px){.dashboard-grid{grid-template-columns:1fr 1fr}.hud-card-large{grid-column:span 2;max-width:100%}}.hud-card-large{max-width:100%}.platform-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:480px){.platform-grid{grid-template-columns:1fr 1fr}}.platform-field{display:flex;flex-direction:column}.platform-icon{font-size:1.25rem;display:inline-block;margin-right:.5rem}.premium-status-box{border:1px solid var(--border-card);background:#26262633;padding:1.5rem;border-radius:6px;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.premium-status-box.active{border-color:var(--color-cyan);background:#ffffff08;box-shadow:0 0 20px #ffffff0d}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.landing-hero{text-align:center;max-width:600px;padding:2rem 0}.landing-title{font-size:3rem;font-weight:900;letter-spacing:2px;margin-bottom:1.5rem;line-height:1.1;text-transform:uppercase;background:linear-gradient(135deg,#fff 40%,var(--text-dimmed) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-title span{color:var(--color-cyan);-webkit-text-fill-color:var(--color-cyan);text-shadow:0 0 15px var(--color-cyan-glow);display:block}.landing-desc{font-size:1.15rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.landing-actions{display:flex;gap:1rem;justify-content:center}.landing-actions .hud-btn{width:auto;min-width:160px}.password-input-container{position:relative;display:flex;align-items:center;width:100%}.password-input-container .form-input{padding-right:2.75rem}.toggle-password-btn{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-dimmed);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);z-index:10}.toggle-password-btn:hover{color:var(--color-cyan)}.toggle-password-btn svg{width:1.25rem;height:1.25rem;fill:currentColor}.global-announcement-banner{width:100%;padding:.65rem 1rem;text-align:center;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:1000;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0006}.global-announcement-banner.type-info{background:var(--color-cyan);color:var(--bg-darker);box-shadow:0 0 10px var(--color-cyan-glow)}.global-announcement-banner.type-warning{background:#ff9500;color:#000;box-shadow:0 0 10px #ff8c004d}.global-announcement-banner.type-critical{background:var(--color-error);color:#fff;box-shadow:0 0 10px var(--color-error-glow)}.announcement-content{display:flex;align-items:center;gap:.5rem;justify-content:center}.main-layout-wrapper{display:flex;gap:2.25rem;max-width:1150px;margin:0 auto;padding:0 1.5rem;align-items:start;width:100%;box-sizing:border-box}.main-content-area{flex:1;min-width:0;width:100%}.game-sidebar-right{width:200px;min-width:200px;background:#0d0d0d73;border:1px solid var(--border-card);border-radius:8px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1.15rem;position:sticky;top:2rem;box-sizing:border-box;box-shadow:0 8px 32px #0006;backdrop-filter:blur(8px);z-index:100}.app-container{margin-right:0!important;width:100%!important}.sidebar-game-card{display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none;transition:transform var(--transition-fast) ease}.sidebar-game-card:hover{transform:translateY(-3px)}.sidebar-banner-wrap{width:100%;height:68px;border-radius:4px;border:1px solid var(--border-card);overflow:hidden;background:#000;transition:border-color .25s ease,box-shadow .25s ease}.sidebar-game-card:hover .sidebar-banner-wrap{border-color:var(--color-cyan);box-shadow:0 0 15px #00f0ff40}.sidebar-game-img{width:100%;height:100%;object-fit:cover}.sidebar-game-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1f1f1f80;font-family:Share Tech Mono,monospace;font-size:.95rem;font-weight:700;color:var(--text-primary)}.sidebar-game-title{font-family:Share Tech Mono,monospace;font-size:.72rem;font-weight:600;color:var(--text-muted);margin-top:.45rem;text-transform:uppercase;text-align:center;letter-spacing:.5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s ease}.sidebar-game-card:hover .sidebar-game-title{color:var(--color-cyan)}.sidebar-divider{width:100%;height:1px;background:var(--border-card)}@media(max-width:768px){.main-layout-wrapper{flex-direction:column;align-items:stretch;gap:1.5rem}.game-sidebar-right{width:100%;min-width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:1rem;gap:1.5rem}.sidebar-game-card{width:160px}.sidebar-divider{display:none}}