@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Montserrat:wght@400;500;600&display=swap";:root{--font-family-body: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-heading: "Orbitron", "Montserrat", sans-serif;--font-family-mono: "Inconsolata", "Courier New", monospace;--text-xs: clamp(.75rem, .7rem + .2vw, .875rem);--text-sm: clamp(.875rem, .8rem + .3vw, 1rem);--text-base: clamp(1rem, .9rem + .4vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + .8vw, 2rem);--text-3xl: clamp(2rem, 1.8rem + 1.2vw, 2.5rem);--text-4xl: clamp(2.5rem, 2.2rem + 1.6vw, 3.5rem);--text-5xl: clamp(3rem, 2.5rem + 2vw, 4rem);--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--bg-primary: #0A0B1E;--bg-secondary: #1A1A2E;--bg-surface: #242449;--bg-elevated: #2A2A5E;--bg-overlay: rgba(10, 11, 30, .8);--primary-gold: #D4AF37;--primary-gold-soft: #FFD700;--primary-gold-dark: #B8860B;--accent-blue: #00BFFF;--accent-cyan: #00BFFF;--accent-purple: #8B5CF6;--accent-pink: #EC4899;--success: #10B981;--success-light: #34D399;--success-dark: #059669;--warning: #F59E0B;--warning-light: #FCD34D;--warning-dark: #D97706;--error: #FF4500;--error-light: #F87171;--error-dark: #DC2626;--info: #3B82F6;--info-light: #60A5FA;--info-dark: #2563EB;--text-primary: #FFFFFF;--text-secondary: #E2E8F0;--text-tertiary: #A9A9A9;--text-muted: #64748B;--text-inverse: #0A0B1E;--border-subtle: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .15);--border-medium: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(212, 175, 55, .3);--shadow-glow-blue: 0 0 20px rgba(0, 191, 255, .3);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--bg-primary-legacy: #1A1D2A;--bg-surface-legacy: #252A3C;--bg-elevated-legacy: #2D3446;--primary-gold-legacy: #E8B923;--primary-gold-bright-legacy: #FFD700;--primary-glow-legacy: #FFD700;--accent-cyan-legacy: #00D4FF;--text-primary-legacy: #FFFFFF;--text-secondary-legacy: #C8D0E0;--text-muted-legacy: #94A3B8;--text-warm-legacy: #FFF8E1;--border-metal-legacy: #3A4155;--border-light-legacy: #4A5568;--danger-legacy: #FF6B6B;--success-legacy: #4ADE80;--warning-legacy: #FBBF24;font-family:var(--font-family-primary);font-size:var(--text-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-cyan);text-decoration:none;transition:color .25s ease}a:hover{color:var(--primary-glow);text-decoration:underline}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,#0A0A1E 50%,var(--bg-primary) 100%);background-size:400% 400%;animation:cosmicFlow 20s ease-in-out infinite;color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--text-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes cosmicFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goldGlow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:var(--shadow-glow),0 0 30px #d4af37cc}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0 0 var(--space-4) 0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0 0 var(--space-4) 0;line-height:var(--line-height-relaxed)}a{color:var(--accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-gold);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);min-height:44px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.btn:hover:before{left:100%}.btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--primary-gold) 0%,var(--primary-gold-soft) 100%);color:var(--bg-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-gold-soft) 0%,var(--primary-gold) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow),var(--shadow-glow-blue)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-medium)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-overlay);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--primary-gold);border-color:var(--primary-gold)}.btn-outline:hover{background:var(--primary-gold);color:var(--bg-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px}.card{background:var(--bg-primary);border:1px solid var(--primary-gold);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm),var(--shadow-glow);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-gold),var(--accent-cyan),var(--primary-gold));opacity:0;transition:opacity var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow),var(--shadow-glow-blue);border-color:var(--primary-gold-soft)}.card:hover:before{opacity:1}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.card-description{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.card-content{flex:1}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff1a}.form-input::placeholder{color:var(--text-muted)}.form-error{font-size:var(--text-sm);color:var(--error);margin-top:var(--space-1)}@media(max-width:768px){.container{padding:0 var(--space-3)}.btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.card{padding:var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media(max-width:480px){.container{padding:0 var(--space-2)}.btn{width:100%;padding:var(--space-4) var(--space-6)}.card{padding:var(--space-3)}}input,textarea,select{background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border-metal);border-radius:8px;padding:.75rem;font-size:1rem;font-family:inherit;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000001a}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff1a,inset 0 1px 3px #0000001a}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:1rem}.parameter-form-container{max-width:600px;margin:0 auto}.form-title{color:var(--primary-gold);margin-bottom:1rem;font-size:1.5rem;text-align:center}.form-description{color:var(--text-secondary);margin-bottom:2rem;text-align:center;line-height:1.6}.parameter-form{display:flex;flex-direction:column;gap:1.5rem}.parameter-field{margin-bottom:1rem}.parameter-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:600;font-size:1rem}.parameter-input{width:100%;padding:.75rem;border:2px solid var(--border-metal);border-radius:8px;background:var(--bg-elevated);color:var(--text-primary);font-size:1rem;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .2s ease}.parameter-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff1a,inset 0 1px 3px #0000001a}.parameter-input.error{border-color:var(--danger)}.parameter-description{margin-top:.25rem;font-size:.9em;color:var(--text-secondary);line-height:1.4}.parameter-error{margin-top:.25rem;font-size:.9em;color:var(--danger);font-weight:500}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary{background:var(--primary-gold);color:var(--bg-primary);border:none;flex:1;transition:all .2s ease}.btn-primary:hover{background:var(--primary-gold-bright);box-shadow:0 0 20px #e8b9234d,var(--shadow-glow-blue)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-metal);flex:1;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-light)}.info-parameter{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:8px;margin:.5rem 0}.info-icon{font-size:1.25rem;color:var(--accent-cyan);flex-shrink:0;margin-top:.125rem}.info-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.info-description{color:var(--text-primary);font-size:.95rem;line-height:1.5;font-weight:500}.info-help{color:var(--text-secondary);font-size:.85rem;line-height:1.4;font-style:italic}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-gold);animation:spin 1s ease-in-out infinite;margin-right:.5rem}.loading-spinner-large{width:32px;height:32px;border-width:3px;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-style:italic;display:flex;align-items:center;justify-content:center;gap:.5rem}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-success{background:#4caf501a;color:var(--success);border:1px solid rgba(76,175,80,.3)}.status-warning{background:#fbbf241a;color:var(--warning);border:1px solid rgba(251,191,36,.3)}.status-error{background:#f443361a;color:var(--danger);border:1px solid rgba(244,67,54,.3)}.status-info{background:#00d4ff1a;color:var(--accent-cyan);border:1px solid rgba(0,212,255,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.shimmer{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-surface) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.modal-overlay{position:fixed;inset:0;background:#1a1d2ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-surface);border:1px solid var(--border-metal);border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 40px #d4a0174d}@media(max-width:768px){.modal-content{padding:1.5rem;width:95%;max-height:90vh}}@media(max-width:480px){.modal-content{padding:1rem;border-radius:8px}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.modal-close:hover{color:var(--text-primary);background:#ffd7001a}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-gold);color:var(--bg-primary);padding:8px;text-decoration:none;border-radius:4px;z-index:1000;font-weight:500}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.content-container{background:var(--bg-surface);border:1px solid var(--border-metal);border-radius:16px;padding:2rem;max-width:800px;width:100%;box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.card-container{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0003}.section-spacing{margin-bottom:2rem}.section-spacing-lg{margin-bottom:3rem}@media(max-width:768px){.page-container{padding:1rem}.content-container{padding:1.5rem;margin:.5rem;border-radius:12px}.card-container{padding:1rem}}@media(max-width:480px){.page-container{padding:.5rem}.content-container{padding:1rem;border-radius:8px}.card-container{padding:.75rem}}.page-centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.container-centered{max-width:1200px;width:100%;margin:0 auto;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-gold) 0%,var(--primary-gold-soft) 100%);color:var(--bg-primary);border:2px solid var(--primary-gold);padding:var(--space-2) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);min-height:44px}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-gold-soft) 0%,var(--primary-gold) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow),var(--shadow-glow-blue);animation:goldGlow 2s ease-in-out infinite}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:2px solid var(--border-medium);padding:var(--space-2) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.account-summary{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);max-width:500px;margin:0 auto;text-align:center}.account-summary h3{color:var(--primary-gold);margin-bottom:var(--space-4);font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.account-summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.account-summary-item:last-child{border-bottom:none}.account-summary-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.account-summary-value{color:var(--accent-cyan);font-weight:var(--font-weight-semibold);font-family:Courier New,monospace}.hook-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.hook-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.hook-title{color:var(--primary-gold);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.hook-description{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-3xl);max-width:500px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);position:relative}@media(max-width:768px){.page-centered{align-items:flex-start}.container-centered{text-align:left}.account-summary,.hook-card{padding:var(--space-4)}}.dashboard-welcome{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}.dashboard-account{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-8);text-align:center}.dashboard-account span{color:var(--accent-cyan);font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);max-width:800px;margin:0 auto;width:100%;justify-items:center}.dashboard-actions .btn-primary,.dashboard-actions .btn-secondary{width:100%;max-width:220px;min-height:40px;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.dashboard-actions .sign-out{grid-column:2 / 3}@media(max-width:768px){.dashboard-welcome{font-size:var(--text-base);margin:var(--space-4) 0 var(--space-6) 0}.dashboard-actions{grid-template-columns:1fr;gap:var(--space-3)}}@media(max-width:480px){.dashboard-welcome{font-size:var(--text-sm)}.dashboard-actions .btn-primary,.dashboard-actions .btn-secondary{min-height:36px;font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}#root{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.landing-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 2 * var(--space-8));position:relative;overflow:hidden}.landing-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(139,92,246,.05) 0%,transparent 50%);animation:particleFloat 15s ease-in-out infinite;pointer-events:none}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}.logo-container{text-align:center;position:relative;z-index:1}.logo-text{font-size:var(--text-5xl);font-weight:var(--font-weight-extrabold);color:var(--primary-gold);text-shadow:0 0 20px rgba(232,185,35,.3);margin-bottom:var(--space-4);letter-spacing:-.02em;animation:logoGlow 3s ease-in-out infinite alternate}@keyframes logoGlow{0%{filter:brightness(1) drop-shadow(0 0 20px rgba(255,215,0,.2))}to{filter:brightness(1.1) drop-shadow(0 0 30px rgba(255,215,0,.4))}}.logo-subtext{font-size:var(--text-lg);color:var(--text-secondary);font-weight:var(--font-weight-normal);max-width:500px;margin:0 auto;line-height:var(--line-height-relaxed)}.logo-image{max-width:20%;height:auto;margin-top:var(--space-6);filter:drop-shadow(0 4px 20px rgba(212,175,55,.3));transition:transform var(--transition-normal)}.logo-image:hover{transform:scale(1.05)}.hero-section{text-align:center;margin-bottom:var(--space-16);position:relative;z-index:1}.hero-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-6);line-height:var(--line-height-tight)}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto var(--space-12) auto;font-weight:var(--font-weight-normal)}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);max-width:1000px;margin:0 auto;position:relative}.hero-feature{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-gold),var(--accent-cyan),var(--primary-gold));opacity:0;transition:opacity var(--transition-normal)}.hero-feature:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),0 0 40px #ffd7001a;border-color:var(--border-medium)}.hero-feature:hover:before{opacity:1}.hero-feature-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.2))}.hero-feature:nth-child(1) .hero-feature-icon{background:linear-gradient(135deg,var(--primary-gold),var(--primary-gold-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-feature:nth-child(2) .hero-feature-icon{background:linear-gradient(135deg,var(--accent-cyan),var(--success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-feature:nth-child(3) .hero-feature-icon{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-feature-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.hero-feature-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--line-height-relaxed);margin:0}.cta-section{text-align:center;margin-top:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media(max-width:768px){.landing-container{padding:var(--space-6) var(--space-4)}.logo-text{font-size:var(--text-4xl)}.logo-subtext{font-size:var(--text-base)}.hero-subtitle{font-size:var(--text-lg)}.hero-features{grid-template-columns:1fr;gap:var(--space-6)}.hero-feature{padding:var(--space-6)}}@media(max-width:480px){.landing-container{padding:var(--space-4) var(--space-2)}.logo-text{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.hero-feature{padding:var(--space-4)}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:var(--space-12);color:var(--primary-gold);font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.loading-spinner:before{content:"";width:24px;height:24px;border:2px solid var(--border-light);border-top:2px solid var(--primary-gold);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-view{position:relative;min-height:calc(100vh - 80px);overflow:hidden;border-radius:var(--radius-2xl);isolation:isolate}.dashboard-fx{position:absolute;inset:0;pointer-events:none}.dashboard-fx-layer{position:absolute;inset:-18%;pointer-events:none}.dashboard-fx-grid{background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:34px 34px;opacity:.36;animation:dashboardGridDrift 28s linear infinite}.dashboard-fx-wire{background-image:linear-gradient(rgba(0,191,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(0,191,255,.11) 1px,transparent 1px);background-size:64px 64px;transform:translateZ(-20px) rotateX(62deg) scale(1.24);transform-origin:center 72%;opacity:.16;filter:drop-shadow(0 0 8px rgba(0,191,255,.22));-webkit-mask-image:linear-gradient(to top,#000 40%,transparent 100%);mask-image:linear-gradient(to top,#000 40%,transparent 100%)}.dashboard-fx-confetti{mix-blend-mode:screen;opacity:.72;filter:drop-shadow(0 0 8px rgba(212,175,55,.14))}.dashboard-fx-confetti:before,.dashboard-fx-confetti:after{content:"";position:absolute;inset:0;background-repeat:repeat;will-change:background-position,opacity}.dashboard-fx-confetti:before{background-image:radial-gradient(circle,rgba(212,175,55,.36) 0 1.15px,transparent 2px),radial-gradient(circle,rgba(0,191,255,.3) 0 1.05px,transparent 1.9px),radial-gradient(circle,rgba(255,237,182,.24) 0 .9px,transparent 1.7px),radial-gradient(circle,rgba(124,216,255,.2) 0 .85px,transparent 1.55px);background-size:149px 167px,193px 151px,239px 221px,177px 251px;background-position:0 0,74px 39px,32px 125px,118px 19px;opacity:.34;animation:dashboardConfettiFarFlow 76s linear infinite,dashboardConfettiFarTwinkle 10.4s ease-in-out infinite}.dashboard-fx-confetti:after{background-image:radial-gradient(circle,rgba(255,222,136,.6) 0 1.9px,transparent 2.7px),radial-gradient(circle,rgba(96,202,255,.5) 0 1.7px,transparent 2.5px),radial-gradient(circle,rgba(255,243,205,.34) 0 1.35px,transparent 2.1px),radial-gradient(circle,rgba(135,224,255,.3) 0 1.2px,transparent 1.95px);background-size:247px 271px,301px 259px,337px 347px,367px 311px;background-position:33px 23px,159px 99px,72px 171px,203px 47px;opacity:.26;animation:dashboardConfettiNearFlow 44s linear infinite,dashboardConfettiNearTwinkle 7s ease-in-out infinite}.dashboard-fx-orb{width:36vw;height:36vw;max-width:360px;max-height:360px;min-width:170px;min-height:170px;border-radius:var(--radius-full);filter:blur(42px);opacity:.24;animation:dashboardOrbPulse 12s ease-in-out infinite}.dashboard-fx-orb-gold{left:-10%;top:4%;background:#d4af3766}.dashboard-fx-orb-cyan{right:-9%;bottom:-10%;background:#00bfff57;animation-delay:2.6s}.dashboard-content{position:relative;z-index:1;padding:var(--space-8)}.dashboard-welcome{max-width:900px;margin:var(--space-6) 0 var(--space-4);color:var(--text-primary);line-height:var(--line-height-relaxed)}.dashboard-account{margin:0 0 var(--space-6);color:var(--text-secondary)}.dashboard-account span{color:var(--primary-gold-soft);font-weight:var(--font-weight-semibold)}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}@keyframes dashboardGridDrift{0%{transform:translateZ(0)}to{transform:translate3d(34px,34px,0)}}@keyframes dashboardConfettiFarFlow{0%{background-position:0 0,74px 39px,32px 125px,118px 19px}to{background-position:149px 167px,-119px 206px,271px -96px,-59px 270px}}@keyframes dashboardConfettiNearFlow{0%{background-position:33px 23px,159px 99px,72px 171px,203px 47px}to{background-position:-214px 294px,460px -160px,-265px -176px,570px 358px}}@keyframes dashboardConfettiFarTwinkle{0%{opacity:.2}28%{opacity:.39}57%{opacity:.29}to{opacity:.42}}@keyframes dashboardConfettiNearTwinkle{0%{opacity:.16}33%{opacity:.31}64%{opacity:.22}to{opacity:.34}}@keyframes dashboardOrbPulse{0%,to{transform:scale(1);opacity:.17}50%{transform:scale(1.1);opacity:.27}}@media(max-width:768px){.dashboard-content{padding:var(--space-6)}.dashboard-fx-layer{inset:-25%}.dashboard-actions{gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.dashboard-fx-grid,.dashboard-fx-confetti:before,.dashboard-fx-confetti:after,.dashboard-fx-orb{animation:none}}.public-preview-lock{position:relative}.public-preview-banner{position:absolute;top:var(--space-3);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid rgba(255,215,0,.48);background:#0a0e1fe0;color:var(--primary-gold-soft);font-size:var(--text-xs);font-weight:var(--font-weight-medium);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:8;pointer-events:none}.navigation-shell{--nav-sidebar-width: 260px;font-family:Orbitron,"Exo 2",Rajdhani,Inter,Arial,sans-serif;color:#fff;min-height:100vh;width:100%;position:relative;overflow-x:hidden}.nav-sidebar{width:var(--nav-sidebar-width);border-right:1px solid rgba(255,255,255,.09);background:#070c1be0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;position:fixed;left:0;top:80px;height:calc(100vh - 80px);z-index:30;box-sizing:border-box;transition:transform .2s ease}.nav-sidebar.open{transform:translate(0)}.nav-sidebar.closed{transform:translate(-100%)}.nav-main-area{width:auto;display:flex;flex-direction:column;min-width:0;padding-top:80px;transition:margin-left .2s ease,width .2s ease}.nav-main-area.with-sidebar{margin-left:var(--nav-sidebar-width);width:calc(100% - var(--nav-sidebar-width))}.nav-main-area.full-width{margin-left:0;width:100%}.nav-header{height:75px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;background:#0a0e1fe0;border-bottom:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-header-left{display:flex;align-items:center;gap:.75rem;min-width:100px;flex:0 0 auto}.nav-hamburger{background:none;border:none;color:gold;font-size:2rem;cursor:pointer;line-height:1}.nav-hamburger-icon{font-size:2rem}.nav-toggle-icon{font-size:2rem;display:block}.nav-logo-area{display:flex;align-items:center;width:50px;gap:1rem}.nav-title{font-weight:700;font-size:2rem;color:gold;letter-spacing:.06em}.nav-header-right{display:flex;align-items:center;gap:.9rem;min-width:0;flex:0 0 auto}.nav-wallet-icon{color:gold;font-size:1.2rem}.nav-header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;min-width:0;pointer-events:none}.nav-ledger{display:inline-flex;align-items:center;gap:1rem;padding:.5rem 1.1rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(34,211,238,.6);color:#e2e8f0;font-size:1rem;line-height:1.2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 22px #00bfff38;pointer-events:auto}.nav-ledger-section{display:inline-flex;align-items:baseline;gap:.35rem}.ledger-label{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:gold}.ledger-value{font-family:JetBrains Mono,SFMono-Regular,Consolas,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:.9rem;color:#e2e8f0;display:inline-block}.ledger-index{min-width:12ch}.ledger-hash{min-width:17ch}.ledger-divider{height:32px;width:1px;background:#ffffff24;border-radius:2px}.nav-network-badge{padding:.25rem .6rem;border-radius:999px;background:#ffd70026;color:gold;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.nav-account{font-size:1rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d1e5ff}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-link{border:1px solid transparent;background:#ffffff08;color:#dbeafe;text-align:left;padding:.75rem .85rem;border-radius:.6rem;font-family:inherit;font-size:.95rem;cursor:pointer;transition:all .18s ease}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#ffd70026;border-color:#ffd70059;color:gold}.nav-signout{margin-top:auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;padding:.7rem .85rem;border-radius:.6rem;font-family:inherit;cursor:pointer;transition:border-color .18s ease,color .18s ease}.nav-signout:hover{border-color:#ffd70099;color:gold}.nav-content{padding:1.25rem;width:100%;max-width:none;box-sizing:border-box}.nav-content h2{margin:0 0 .6rem;font-size:1.5rem;color:gold}.nav-content p{margin:0;line-height:1.55;color:#e2e8f0}.nav-preview-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.nav-preview-card{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:.75rem;padding:1rem;min-height:82px;display:flex;align-items:center}@media(max-width:899px){.nav-main-area.with-sidebar,.nav-main-area.full-width{margin-left:0;width:100%}.nav-account{max-width:150px}.nav-content{padding:1rem}}