.header{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:background var(--transition-normal),border-color var(--transition-normal)}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.35rem;font-weight:800;cursor:pointer;transition:transform var(--transition-fast);text-decoration:none;flex-shrink:0}.logo:hover{transform:scale(1.03)}.logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--neon-green),var(--neon-green-dark));color:#000;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;box-shadow:0 0 15px #0ff0004d;animation:glow 3s ease-in-out infinite}.logo-text{color:var(--text-primary);letter-spacing:-.02em}.header-nav{display:flex;align-items:center;gap:var(--spacing-md);margin-left:var(--spacing-xl)}.nav-link{text-decoration:none;font-weight:600;font-size:.9rem;transition:all var(--transition-fast);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);position:relative}.nav-link.play-lottery{color:var(--neon-green);background:#0ff0000f;border:1px solid rgba(15,240,0,.15)}.nav-link.play-lottery:hover{color:var(--text-primary);background:#0ff00026;border-color:#0ff0004d}[data-theme=dark] .nav-link.play-lottery:hover{color:#fff}.nav-link.info-link{color:var(--text-secondary)}.nav-link.info-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.network-switcher{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:3px;gap:2px}.network-btn{padding:6px 14px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.network-btn:hover:not(:disabled){color:var(--text-primary)}.network-btn.active{background:var(--neon-green);color:#000;cursor:default;box-shadow:0 0 8px #0ff0004d}.network-btn:disabled{cursor:default}.network-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.network-indicator.connected{border-color:var(--success)}.network-indicator.wrong-network{border-color:var(--error)}.network-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}.network-indicator.wrong-network .network-dot{background:var(--error)}.btn-icon{width:40px;height:40px;padding:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--neon-green);color:var(--neon-green);transform:scale(1.05)}.theme-toggle svg{transition:transform var(--transition-normal)}.theme-toggle:hover svg{transform:rotate(180deg)}.wallet-btn{font-size:.85rem;border-radius:var(--radius-full);padding:8px 16px}.wallet-btn.btn-secondary{border:1px solid rgba(15,240,0,.2)}.wallet-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--neon-green),var(--neon-green-dark))}@media(max-width:768px){.header{padding:var(--spacing-sm) 0}.logo{font-size:1.15rem}.logo-icon{width:34px;height:34px}.header-nav{gap:var(--spacing-sm);margin-left:var(--spacing-md)}.nav-link{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.network-indicator{display:none}.wallet-btn{font-size:.8rem;padding:6px 12px}.network-switcher{font-size:.75rem}.network-btn{padding:5px 10px}}@media(max-width:480px){.header-actions{gap:6px}.btn-icon{width:36px;height:36px}.logo-text{font-size:1rem}.header-nav,.network-switcher{display:none}}.token-selector-modal{animation:slideUp .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.15rem;font-weight:700}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.close-btn:hover{color:var(--text-primary);border-color:var(--neon-green);background:var(--bg-secondary)}.search-container{position:relative;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.search-icon{position:absolute;left:calc(var(--spacing-xl) + var(--spacing-md));top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--neon-green);box-shadow:0 0 0 3px #0ff00014}.popular-tokens{padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.section-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);display:block;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.popular-tokens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.popular-token-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.popular-token-btn:hover:not(.disabled){background:var(--bg-secondary);border-color:var(--neon-green);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.popular-token-btn.selected{background:#0ff00014;border-color:var(--neon-green);color:var(--neon-green)}.popular-token-btn.disabled{opacity:.35;cursor:not-allowed}.popular-token-btn img{width:22px;height:22px;border-radius:50%}.token-list{max-height:400px;overflow-y:auto;padding:var(--spacing-xs) 0}.token-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-xl);background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.token-item:hover:not(.disabled){background:var(--bg-tertiary);padding-left:calc(var(--spacing-xl) + 4px)}.token-item.selected{background:#0ff0000a}.token-item.disabled{opacity:.35;cursor:not-allowed}.token-info{display:flex;align-items:center;gap:var(--spacing-md)}.token-logo{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-color)}.token-details{display:flex;flex-direction:column;gap:1px}.token-symbol{font-weight:700;font-size:.95rem}.token-name{font-size:.8rem;color:var(--text-secondary)}.token-balance{font-weight:600;font-size:.9rem;color:var(--text-primary)}.no-results{padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.no-results p{margin:0}@media(max-width:480px){.popular-tokens-grid{grid-template-columns:repeat(2,1fr)}.modal-header,.search-container,.popular-tokens{padding:var(--spacing-md) var(--spacing-lg)}.token-item{padding:var(--spacing-sm) var(--spacing-lg)}.token-item:hover:not(.disabled){padding-left:calc(var(--spacing-lg) + 4px)}.token-logo{width:30px;height:30px}}.settings-modal{max-width:420px}.settings-content{padding:var(--spacing-xl)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section:last-child{margin-bottom:0}.settings-label{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.settings-label>span:first-child{font-weight:700;font-size:.95rem;color:var(--text-primary)}.settings-description{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.slippage-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.preset-btn{padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.preset-btn:hover{background:var(--bg-secondary);border-color:var(--neon-green);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.preset-btn.active{background:#0ff0001a;border-color:var(--neon-green);color:var(--neon-green);font-weight:700}.custom-input{padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:600;text-align:center;outline:none;transition:all var(--transition-fast);font-size:.9rem}.custom-input:focus,.custom-input.active{background:#0ff00014;border-color:var(--neon-green);box-shadow:0 0 0 2px #0ff0000f}.custom-input::placeholder{color:var(--text-secondary);font-weight:400}.settings-warning{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-lg);color:var(--warning);font-size:.8rem;display:flex;align-items:flex-start;gap:var(--spacing-sm);line-height:1.5}.deadline-input-group{display:flex;align-items:center;gap:var(--spacing-md)}.deadline-input{flex:1;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:600;font-size:1rem;outline:none;transition:all var(--transition-fast)}.deadline-input:focus{border-color:var(--neon-green);box-shadow:0 0 0 3px #0ff00014}.deadline-unit{color:var(--text-secondary);font-weight:600;font-size:.9rem}@media(max-width:480px){.settings-content{padding:var(--spacing-lg)}.slippage-presets{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}.swap-container{padding:var(--spacing-2xl) 0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);animation:slideUp .5s ease-out}.swap-card{max-width:480px;width:100%;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-2xl);position:relative}[data-theme=dark] .swap-card{box-shadow:0 8px 32px #0006,var(--shadow-neon)}[data-theme=light] .swap-card{box-shadow:0 8px 32px #00000014,0 1px 4px #0000000a}.swap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.swap-header h2{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.swap-input-group{position:relative;margin-bottom:var(--spacing-sm)}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:.8rem;padding:0 var(--spacing-xs)}.input-header label{color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.balance{color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.max-btn{background:#0ff00014;border:none;color:var(--neon-green);font-weight:700;font-size:.7rem;cursor:pointer;padding:2px 8px;border-radius:var(--radius-full);transition:all var(--transition-fast);letter-spacing:.05em}.max-btn:hover{background:#0ff0002e}.token-input-container{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.token-input-container:focus-within{border-color:var(--neon-green);box-shadow:0 0 0 3px #0ff00014}[data-theme=dark] .token-input-container:focus-within{box-shadow:0 0 0 3px #0ff0001a,0 0 16px #0ff0000d}.token-input{flex:1;background:transparent;border:none;outline:none;font-size:1.6rem;font-weight:700;color:var(--text-primary);padding:0;letter-spacing:-.01em;min-width:0}.token-input::placeholder{color:var(--text-secondary);opacity:.4}.token-input::-webkit-outer-spin-button,.token-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.token-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.token-select-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:6px 12px 6px 8px;font-weight:700;font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.token-select-btn:hover{background:var(--bg-tertiary);border-color:var(--neon-green);box-shadow:0 0 0 1px #0ff0001a}.token-select-btn img{width:24px;height:24px;border-radius:50%}.loading-quote{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary);margin-top:var(--spacing-xs);padding-left:var(--spacing-xs)}.swap-arrow-container{display:flex;justify-content:center;margin:-6px 0;position:relative;z-index:2}.swap-arrow-btn{width:36px;height:36px;background:var(--bg-secondary);border:3px solid var(--bg-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .swap-arrow-btn{background:var(--bg-tertiary);border-color:var(--bg-secondary)}.swap-arrow-btn:hover{transform:rotate(180deg) scale(1.15);color:var(--neon-green);border-color:var(--neon-green);background:var(--bg-tertiary)}.swap-info{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md) 0;border:1px solid var(--border-color)}.swap-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.8rem}.swap-info-row:not(:last-child){border-bottom:1px solid var(--border-color)}.swap-info-row span:first-child{color:var(--text-secondary)}.swap-info-row span:last-child{color:var(--text-primary);font-weight:600}.error-message{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:var(--error);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);font-size:.85rem;text-align:center;animation:fadeIn .2s ease-out}.success-message{background:#10b98114;border:1px solid rgba(16,185,129,.3);color:var(--success);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);font-size:.85rem;text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fadeIn .2s ease-out}.success-message a{color:var(--success);font-weight:600;text-decoration:underline}.success-message a:hover{text-decoration:none}.lotto-banner{max-width:480px;width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-2xl);gap:var(--spacing-lg);position:relative;overflow:hidden;animation:slideUp .6s ease-out .1s both}[data-theme=dark] .lotto-banner{background:linear-gradient(135deg,#0ff0000f,#0ff00005);border:1px solid rgba(15,240,0,.15)}[data-theme=light] .lotto-banner{background:linear-gradient(135deg,#0ff0000d,#0ff00005);border:1px solid rgba(15,240,0,.2)}.lotto-banner:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(15,240,0,.03),transparent);animation:shimmer 4s ease-in-out infinite;pointer-events:none}.lotto-banner-content h3{margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:700;color:var(--neon-green)}.lotto-banner-content p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.banner-btn{white-space:nowrap;padding:8px 20px;font-size:.85rem;font-weight:700;border:1px solid var(--neon-green);color:var(--neon-green);border-radius:var(--radius-full);background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.banner-btn:hover{background:var(--neon-green);color:#000;box-shadow:0 0 15px #0ff0004d}@media(max-width:768px){.swap-container{padding:var(--spacing-lg) 0}.swap-card{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.token-input{font-size:1.3rem}}@media(max-width:480px){.swap-container{padding:var(--spacing-md) 0}.token-input{font-size:1.15rem}.token-input-container{padding:var(--spacing-sm) var(--spacing-md)}.token-select-btn{padding:5px 10px 5px 6px;font-size:.85rem}.token-select-btn span{display:none}.lotto-banner{flex-direction:column;text-align:center;padding:var(--spacing-md);gap:var(--spacing-md)}.banner-btn{width:100%}}.toast-container{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:380px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 8px 32px #00000026;pointer-events:auto;min-width:300px;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));animation:slideInRight .3s ease-out}[data-theme=dark] .toast{background:#111619e6;box-shadow:0 8px 32px #0006}[data-theme=light] .toast{background:#ffffffeb;box-shadow:0 8px 32px #0000001a}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.85rem;line-height:1.4;color:var(--text-primary);font-weight:500}.toast-close{flex-shrink:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-info .toast-icon{color:var(--info)}@media(max-width:768px){.toast-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}.toast{min-width:auto}}:root{--neon-green: #0FF000;--neon-green-dark: #0CD000;--neon-green-darker: #0AA000;--neon-green-light: #3FFF40;--neon-green-lighter: #70FF70;--bg-primary-light: #F8FAFB;--bg-secondary-light: #FFFFFF;--bg-tertiary-light: #F0F2F4;--text-primary-light: #111827;--text-secondary-light: #6B7280;--border-light: #E5E7EB;--shadow-light: rgba(0, 0, 0, .08);--bg-primary-dark: #080C0E;--bg-secondary-dark: #111619;--bg-tertiary-dark: #1A2024;--text-primary-dark: #F9FAFB;--text-secondary-dark: #9CA3AF;--border-dark: #1F2A2E;--shadow-dark: rgba(0, 0, 0, .6);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-neon: 0 0 20px rgba(15, 240, 0, .15);--shadow-neon-strong: 0 0 30px rgba(15, 240, 0, .25), 0 0 60px rgba(15, 240, 0, .08);--glass-blur: 20px}[data-theme=light]{--bg-primary: var(--bg-primary-light);--bg-secondary: var(--bg-secondary-light);--bg-tertiary: var(--bg-tertiary-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--border-color: var(--border-light);--shadow-color: var(--shadow-light);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .06);--card-shadow: 0 4px 24px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04)}[data-theme=dark]{--bg-primary: var(--bg-primary-dark);--bg-secondary: var(--bg-secondary-dark);--bg-tertiary: var(--bg-tertiary-dark);--text-primary: var(--text-primary-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-dark);--shadow-color: var(--shadow-dark);--glass-bg: rgba(17, 22, 25, .6);--glass-border: rgba(255, 255, 255, .06);--card-shadow: 0 4px 24px rgba(0, 0, 0, .3), var(--shadow-neon)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-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;background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-normal),color var(--transition-normal);line-height:1.6;min-height:100vh;position:relative}[data-theme=dark] body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(15,240,0,.06),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(15,240,0,.03),transparent);pointer-events:none;z-index:0}[data-theme=light] body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(15,240,0,.04),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(15,240,0,.02),transparent);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);letter-spacing:-.01em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;overflow:hidden;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--neon-green) 0%,var(--neon-green-dark) 100%);color:#000;box-shadow:0 4px 15px #0ff0004d;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0ff00073}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #0ff0004d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--neon-green);box-shadow:0 0 0 1px #0ff0001a}.btn-outline{background:transparent;color:var(--neon-green);border:2px solid var(--neon-green)}.btn-outline:hover{background:var(--neon-green);color:#000}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}input,select,textarea{font-family:inherit;font-size:1rem;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--neon-green);box-shadow:0 0 0 3px #0ff0001a}input::placeholder{color:var(--text-secondary)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-normal)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-neon{color:var(--neon-green)}.font-bold{font-weight:700}.font-semibold{font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px #0ff0004d}50%{box-shadow:0 0 25px #0ff00099}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:#0ff00033}50%{border-color:#0ff00080}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-slideInRight{animation:slideInRight .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .15s ease-out}.modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px #0000004d;animation:slideUp .25s ease-out}[data-theme=dark] .modal{box-shadow:0 25px 50px #00000080,var(--shadow-neon)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neon-green)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--neon-green);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-lg)}}@media(max-width:480px){html{font-size:13px}.btn{padding:var(--spacing-sm) var(--spacing-lg)}}.w-full{width:100%}.h-full{height:100%}.mt-auto{margin-top:auto}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:auto;position:relative}[data-theme=dark] .footer{border-top-color:#0ff0001a}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.footer-brand p{margin:var(--spacing-xs) 0;font-size:.85rem;color:var(--text-secondary)}.footer-brand p:first-child{font-weight:700;font-size:.95rem;color:var(--text-primary)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{text-decoration:none;font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover,.footer-link.neon{color:var(--neon-green)}.footer-link.neon:hover{text-shadow:0 0 10px rgba(15,240,0,.3)}@media(max-width:768px){.footer{padding:var(--spacing-lg) 0}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}