.app{width:100%;min-height:100vh;position:relative}.btn{--btn-radius: 10%;--btn-base-bg: var(--glass-bg-light);--btn-fill-gradient: var(--gradient-main);--btn-border-color: var(--glass-border);--btn-text-color: var(--color-text-primary);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--btn-radius);border:none;background:var(--btn-base-bg);color:var(--btn-text-color);cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--btn-fill-gradient);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .52s var(--ease-out-expo),opacity .32s var(--ease-out-expo);pointer-events:none}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;border:2px solid var(--btn-border-color);transition:border-color var(--transition-normal);pointer-events:none}.btn:hover,.btn:focus-visible{color:#fff;box-shadow:var(--shadow-glow);filter:brightness(1.03)}.btn:hover:before,.btn:focus-visible:before{transform:scaleX(1);opacity:1}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px #4fc3f738,var(--shadow-glow)}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none;filter:none;box-shadow:none}.btn-text,.btn-icon{position:relative;z-index:1}.btn-icon{display:flex;align-items:center;font-size:1.2em}.btn-primary{--btn-base-bg: var(--gradient-button);--btn-border-color: rgba(79, 195, 247, .35);--btn-fill-gradient: linear-gradient(90deg, #4FC3F7 0%, #2B8CFF 55%, #1B56FF 100%)}.btn-primary:hover,.btn-primary:focus-visible{box-shadow:var(--shadow-glow-strong)}.btn-secondary{--btn-base-bg: var(--glass-bg);--btn-border-color: var(--glass-border);--btn-fill-gradient: linear-gradient(90deg, #4FC3F7 0%, #2196F3 100%);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.btn-outline{--btn-base-bg: transparent;--btn-border-color: rgba(79, 195, 247, .85);--btn-fill-gradient: linear-gradient(90deg, #4FC3F7 0%, #2196F3 100%)}.btn-danger{--btn-base-bg: rgba(255, 68, 68, .12);--btn-border-color: rgba(255, 68, 68, .55);--btn-fill-gradient: linear-gradient(90deg, #ff5252 0%, #ff1744 60%, #d50000 100%)}@media (max-width: 768px){.btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.hero-content{text-align:center;max-width:900px;margin:0 auto;z-index:var(--z-base)}.hero-subtitle{font-size:var(--font-size-xl);font-weight:300;color:var(--color-cyan);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:2px;opacity:.9}.hero-title{font-size:var(--font-size-6xl);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(79,195,247,.4)}.hero-tagline{font-size:var(--font-size-2xl);font-weight:300;color:var(--color-text-secondary);margin-bottom:var(--spacing-3xl);opacity:.95}.online-counter{display:inline-flex;flex-direction:row;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-2xl);background:var(--glass-bg);border:2px solid var(--color-cyan);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:0 0 30px #4fc3f74d;transition:all var(--transition-fast)}.online-counter:hover{box-shadow:0 0 40px #4fc3f780;transform:scale(1.05)}.online-icon{font-size:3rem;color:var(--color-cyan);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(79,195,247,.6))}.online-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.online-counter .count{font-size:3rem;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:block;font-family:var(--font-rex-bold)}.online-counter .label{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:500;white-space:nowrap}.hero-cta{font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-3xl);font-family:var(--font-rex-bold);font-weight:700}@media (max-width: 768px){.hero{padding:var(--spacing-2xl) var(--spacing-lg)}.hero-subtitle{font-size:var(--font-size-base)}.hero-title{font-size:var(--font-size-3xl)}.hero-tagline{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.online-counter{padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.online-icon,.online-counter .count{font-size:2rem}.online-counter .label{font-size:var(--font-size-base)}.hero-cta{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}}@media (max-width: 480px){.hero-title{font-size:var(--font-size-2xl)}.online-counter{padding:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm)}.online-icon,.online-counter .count{font-size:1.5rem}.online-counter .label{font-size:var(--font-size-sm)}}.video-section{padding:var(--spacing-3xl) 0;position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.video-section .container{width:100%;max-width:900px;padding:0 var(--spacing-lg);display:flex;flex-direction:column;align-items:center}.video-section .section-title{font-size:var(--font-size-4xl);font-weight:700;text-align:center;margin-bottom:var(--spacing-2xl)}.video-wrapper{width:100%;padding:var(--spacing-lg);border-radius:var(--radius-lg)}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-note{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.video-note a{color:var(--color-cyan);font-weight:600}.video-note a:hover{color:var(--color-blue)}@media (max-width: 768px){.video-section{padding:var(--spacing-2xl) 0}.video-wrapper{padding:var(--spacing-md)}}.shader-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.header{position:sticky;top:0;z-index:var(--z-fixed);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);padding:var(--spacing-md) 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-2xl);flex:1}.logo-container{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;transition:transform var(--transition-normal)}.logo-container:hover{transform:scale(1.05)}.logo-img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(79,195,247,.5))}.logo-text{font-size:var(--font-size-2xl);font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.nav-buttons{display:flex;align-items:center;gap:var(--spacing-lg)}.auth-section{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:500;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;background:none;border:none}.nav-link svg{font-size:1.1em;transition:transform var(--transition-fast)}.nav-link:hover{color:var(--color-cyan);text-shadow:0 0 8px rgba(79,195,247,.6)}.nav-link:hover svg{transform:scale(1.1)}.nav-login{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-cyan);border-radius:var(--radius-md)}.nav-login:hover{background:#4fc3f71a;box-shadow:0 0 12px #4fc3f74d}.burger-menu{display:none;background:none;border:none;color:var(--color-cyan);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-sm);z-index:calc(var(--z-fixed) + 2);transition:color var(--transition-fast)}.burger-menu:hover{color:var(--color-blue)}.mobile-overlay{display:none}.profile-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:600}.profile-button:hover{border-color:var(--color-cyan);box-shadow:0 4px 12px #0ff3}.profile-avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid var(--color-cyan);display:flex;align-items:center;justify-content:center;background:var(--gradient-main);flex-shrink:0}.profile-avatar-small img{width:100%;height:100%;object-fit:cover}.profile-avatar-small svg{font-size:1rem;color:#fff}.profile-username{font-size:var(--font-size-sm);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.burger-menu{display:none}.header-left{gap:var(--spacing-sm);flex:1}.nav-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm);justify-content:center}.nav-link span{display:none}.nav-link svg{font-size:1.3em}.nav-login{margin-top:0;padding:var(--spacing-sm);border-radius:var(--radius-sm)}.nav-login span{display:none}.auth-section{display:flex}.profile-button{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.profile-username,.mobile-overlay{display:none}.header{padding:var(--spacing-sm) 0}.logo-img{width:40px;height:40px}.logo-text{font-size:var(--font-size-lg)}}@media (max-width: 480px){.logo-img{width:36px;height:36px}.logo-text{font-size:var(--font-size-base)}}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-content{flex:1;min-height:0;display:block}.topup-form{display:flex;flex-direction:column;gap:1.5rem}.predefined-amounts{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.amount-btn{padding:.75rem 1.5rem;background:#0000004d;border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.amount-btn:hover{background:#0096ff1a;border-color:var(--color-primary);transform:translateY(-2px)}.amount-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.topup-submit{width:100%;padding:1rem;font-size:1.1rem;margin-top:.5rem}.payment-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.payment-info p{color:var(--color-text-secondary);font-size:.85rem;margin:0;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.predefined-amounts{gap:.5rem}.amount-btn{padding:.625rem 1.25rem;font-size:.9rem}}.profile-page{min-height:100vh;position:relative}.profile-main{min-height:0}.profile-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.profile-card{background:#0006;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease}.profile-card:hover:before{opacity:1}.profile-card:hover{border-color:var(--color-primary);background:#0096ff0d;transform:translateY(-2px);box-shadow:0 8px 24px #0096ff33}.balance-value{color:#2ed573;font-size:1.3rem}.quick-actions{margin-bottom:2.5rem;text-align:center}.actions-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.action-card{background:#0000004d;border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;min-width:200px;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary);font-size:.95rem;font-weight:500}.action-card svg{font-size:1.8rem;color:var(--color-primary);transition:all .3s ease}.action-card:hover{background:#0096ff1a;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0096ff33}.action-card:hover svg{transform:scale(1.1)}.action-card:active{transform:translateY(0)}.username-setup-form{display:flex;flex-direction:column;gap:.5rem;width:100%}.username-input-group{display:flex;gap:.75rem}.username-input-group input{flex:1;padding:.75rem 1rem;background:#0003;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:.95rem;transition:all .3s ease}.username-input-group input:focus{outline:none;border-color:var(--color-primary);background:#0006}.username-input-group button{white-space:nowrap}.form-hint{display:block;color:var(--color-text-secondary);font-size:.85rem;margin-top:.25rem}.form-error{color:#f44;font-size:.9rem;margin-top:.5rem;padding:.5rem;background:#ff44441a;border-radius:4px;border-left:3px solid #ff4444}.profile-notice{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;margin-bottom:2rem}.profile-notice p{color:#ffc107;margin:0;font-size:.95rem}.profile-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.action-button-large{height:60px;font-size:1.1rem;font-weight:700;font-family:Rex Bold,sans-serif;letter-spacing:1px;text-transform:uppercase}.profile-logout{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.loading{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:1.1rem}@media (max-width: 768px){.profile-title{font-size:1.75rem;flex-direction:column;gap:.5rem}.title-icon{font-size:1.8rem}.profile-grid{grid-template-columns:1fr}.username-input-group{flex-direction:column}.username-input-group button{width:100%}.actions-grid,.profile-actions{grid-template-columns:1fr}.profile-field-with-button>button{width:100%;margin-top:.5rem}}.play-page{min-height:100vh;position:relative}.play-main{min-height:0}.play-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1px}.title-icon{font-size:2.2rem;filter:drop-shadow(0 0 10px currentColor)}.download-section{margin-bottom:3rem;text-align:center}.section-title{font-size:1.5rem;color:var(--color-primary);font-weight:600;margin-bottom:2rem;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;letter-spacing:1px}.section-title svg{font-size:1.3rem;filter:drop-shadow(0 0 8px currentColor)}.os-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.os-button{background:#0000004d;border:2px solid var(--color-border);border-radius:12px;padding:1.25rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary);font-size:.95rem;font-weight:500;min-width:120px}.os-button svg{font-size:2rem;transition:all .3s ease}.os-button:hover{background:#0096ff1a;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0096ff33}.os-button.active{background:#0096ff33;border-color:var(--color-primary);box-shadow:0 0 20px #0096ff4d}.os-button.active svg{color:var(--color-primary);filter:drop-shadow(0 0 8px currentColor)}.download-button{min-width:300px;height:60px;font-size:1.2rem;font-family:Rex Bold,sans-serif;letter-spacing:1px;text-transform:uppercase;margin:0 auto;display:inline-flex}.download-info{margin-top:1.5rem;color:var(--color-text-secondary);font-size:.9rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.feature-card{background:#0006;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:var(--color-primary);background:#0096ff0d;transform:translateY(-2px);box-shadow:0 8px 24px #0096ff33}.feature-card .card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0096ff1a;border:1px solid rgba(0,150,255,.3);border-radius:12px;color:var(--color-primary);font-size:1.8rem;margin-bottom:1rem}.feature-card .card-content h3{color:var(--color-text-primary);font-size:1.2rem;margin-bottom:1rem;font-weight:600}.feature-card ul{list-style:none;padding:0;margin:0}.feature-card li{color:var(--color-text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.95rem}.feature-card li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.2rem}.server-ip{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.server-ip code{background:#00000080;color:#2ed573;padding:.75rem 1.25rem;border-radius:8px;font-size:1.1rem;font-family:Courier New,monospace;border:1px solid rgba(46,213,115,.3);flex:1;min-width:200px}.copy-button{white-space:nowrap}.installation-section{margin-bottom:3rem;text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.step-card{background:#0000004d;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.step-card:hover{border-color:var(--color-primary);background:#0096ff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0096ff33}.step-number{width:50px;height:50px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #0096ff4d}.step-content h4{color:var(--color-text-primary);font-size:1.1rem;margin-bottom:.75rem;font-weight:600}.step-content p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin:0}.step-content a{color:var(--color-primary);text-decoration:none;transition:all .3s ease}.step-content a:hover{text-decoration:underline;filter:brightness(1.2)}.faq-section{text-align:center;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.faq-card{background:#0000004d;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:left;transition:all .3s ease}.faq-card:hover{border-color:var(--color-primary);background:#0096ff0d;transform:translateY(-2px);box-shadow:0 4px 12px #0096ff33}.faq-card h4{color:var(--color-primary);font-size:1rem;margin-bottom:.75rem;font-weight:600}.faq-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin:0}@media (max-width: 768px){.play-title{font-size:1.75rem;flex-direction:column;gap:.5rem}.title-icon{font-size:1.8rem}.os-selector{flex-direction:column;align-items:stretch}.os-button{flex-direction:row;justify-content:center}.download-button{min-width:100%}.features-grid,.steps-grid,.faq-grid{grid-template-columns:1fr}.server-ip{flex-direction:column}.server-ip code,.copy-button{width:100%}}.login-page{min-height:100vh}.login-header{text-align:center;margin-bottom:2rem}.login-icon{font-size:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.login-title{font-size:2rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-submit{margin-top:.5rem}.oauth-divider{margin:2rem 0;text-align:center;position:relative}.oauth-divider:before,.oauth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#fff3}.oauth-divider:before{left:0}.oauth-divider:after{right:0}.oauth-divider span{color:#fff9;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.oauth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.login-footer{margin-top:2rem;text-align:center;color:#ffffffb3;font-size:.95rem}.login-footer .link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.login-footer .link:hover{color:var(--color-secondary)}@media (max-width: 768px){.login-title{font-size:1.5rem}.oauth-buttons{grid-template-columns:1fr}}.register-page{min-height:100vh}.register-header{text-align:center;margin-bottom:2rem}.register-icon{font-size:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.register-title{font-size:2rem;margin:0}.register-form{display:flex;flex-direction:column;gap:1.5rem}.register-submit{margin-top:.5rem}.register-footer{margin-top:2rem;text-align:center;color:#ffffffb3;font-size:.95rem}.register-footer .link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.register-footer .link:hover{color:var(--color-secondary)}@media (max-width: 768px){.register-title{font-size:1.5rem}}:root{--color-cyan: #4FC3F7;--color-blue: #2196F3;--color-dark-blue: #1565C0;--color-bg-dark: #0D1117;--color-bg-card: rgba(21, 32, 43, .85);--color-text-primary: #E3E6E8;--color-text-secondary: #8B949E;--color-border: rgba(255, 255, 255, .15);--color-border-bright: rgba(255, 255, 255, .9);--color-primary: var(--color-cyan);--color-secondary: var(--color-blue);--gradient-main: linear-gradient(90deg, var(--color-cyan) 0%, var(--color-blue) 100%);--gradient-hover: linear-gradient(90deg, #5DD5FF 0%, #42A5F5 100%);--gradient-button: linear-gradient(90deg, rgba(79, 195, 247, .1) 0%, rgba(33, 150, 243, .1) 100%);--gradient-primary: var(--gradient-main);--glass-bg: rgba(21, 32, 43, .75);--glass-bg-light: rgba(21, 32, 43, .6);--glass-border: rgba(255, 255, 255, .15);--glass-blur: 10px;--shadow-glow: 0 0 20px rgba(79, 195, 247, .3);--shadow-glow-strong: 0 0 30px rgba(79, 195, 247, .5);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--border-radius-sm: var(--radius-sm);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);--font-primary: "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-rex-bold: "Rex Bold", "Impact", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--z-background: -1;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:300;color:var(--color-text-primary);background:var(--color-bg-dark);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}a{color:var(--color-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-blue)}::selection{background:var(--color-cyan);color:var(--color-bg-dark)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--glass-bg);border-radius:var(--radius-full);border:2px solid var(--color-bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--glass-bg-light)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-light{background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:var(--shadow-glow)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.container{padding:0 var(--spacing-md)}}@font-face{font-family:Rex Bold;src:url(/fonts/rex-bold.woff2) format("woff2"),url(/fonts/rex-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:MC Seven;src:url(/fonts/mc-seven.woff2) format("woff2"),url(/fonts/mc-seven.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.modal-container{position:relative;z-index:var(--z-modal);width:100%;max-width:450px;max-height:100%;overflow-y:auto}.modal-content{position:relative;padding:var(--spacing-2xl);border-radius:var(--radius-lg)}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-2xl);cursor:pointer;transition:color var(--transition-fast);padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-cyan)}.modal-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.form-group input,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number]{padding:var(--spacing-md);background:#ffffff0d;border:2px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--color-cyan)}.form-group input::placeholder{color:var(--color-text-secondary)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-hint{display:block;margin-top:4px;font-size:.85rem;color:var(--text-muted, rgba(255, 255, 255, .6));font-style:italic}.form-error{padding:var(--spacing-md);background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-sm);color:#ff6b6b;font-size:var(--font-size-sm)}.form-success{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#2ed57333,#48dbfb33);border:1px solid rgba(46,213,115,.5);border-radius:var(--border-radius-sm);color:#2ed573;font-size:.9rem;text-align:center;animation:slideIn .3s ease}.card{background:#0006;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.page{min-height:100vh;position:relative}.page-main{padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-3xl);display:flex;flex-direction:column;align-items:center;gap:2rem}.page-card{width:100%;padding:3rem;border-radius:24px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff1a}.page-card--sm{max-width:450px}.page-card--md{max-width:900px}.page-card--lg{max-width:1000px}@media (max-width: 768px){.page-main{padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-2xl)}.page-card{padding:2rem 1.5rem}}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{border-color:var(--color-primary);background:#0096ff0d;transform:translateY(-2px);box-shadow:0 8px 24px #0096ff33}.card-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:#0096ff1a;border:1px solid rgba(0,150,255,.3);border-radius:10px;color:var(--color-primary);font-size:1.5rem}.card-content{flex:1;min-width:0}.card-content label{display:block;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.card-value{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;word-break:break-all}.section-title{font-size:1.3rem;color:var(--color-primary);font-weight:600;margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;letter-spacing:1px}.section-title svg{font-size:1.2rem;filter:drop-shadow(0 0 8px currentColor)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-md)}.modal-content{padding:var(--spacing-xl)}.modal-title{font-size:var(--font-size-2xl)}.card{padding:1.25rem}.section-title{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}