@media (max-width: 968px){.nav-links{display:none}}footer{background:#12151c;padding:3rem 6% 1.5rem;border-top:1px solid rgba(58,125,255,.1);position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1300px;margin:0 auto 2rem}.footer-section h3{margin-bottom:1rem;color:#fff;font-weight:600;font-size:1rem}.footer-brand p{color:#cdd6e0;line-height:1.7;font-size:.9rem;margin-top:.5rem}.footer-section ul li{margin-bottom:.7rem}.footer-section a{color:#cdd6e0;text-decoration:none;transition:color .3s;font-size:.9rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(58,125,255,.1);color:#cdd6e0;font-size:.85rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 6% 60px;position:relative;z-index:1}.hero-content{max-width:900px}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background:#3a7dff26;border:1px solid rgba(58,125,255,.3);border-radius:50px;font-size:.85rem;color:#3a7dff;margin-bottom:1.5rem;font-weight:600}.hero h1{font-size:4.5rem;font-weight:800;letter-spacing:-3px;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#3a7dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#cdd6e0;margin-bottom:2.5rem;line-height:1.8}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary{padding:1rem 2.5rem;background:#3a7dff;border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.cta-primary:hover{background:#2b6de8;transform:translateY(-2px);box-shadow:0 10px 25px #3a7dff66}.cta-secondary{padding:1rem 2.5rem;background:transparent;border:2px solid rgba(58,125,255,.5);border-radius:8px;color:#3a7dff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.cta-secondary:hover{background:#3a7dff1a;border-color:#3a7dff;transform:translateY(-2px)}.tiers{padding:100px 6%;position:relative;z-index:1}.section-subtitle{text-align:center;font-size:1.15rem;color:#cdd6e0;margin-bottom:4rem}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1300px;margin:0 auto}.tier-card{background:#181c2699;border:2px solid rgba(58,125,255,.2);border-radius:16px;padding:2.5rem;position:relative;transition:all .3s}.tier-card:hover{border-color:#3a7dff80;transform:translateY(-5px);box-shadow:0 12px 40px #3a7dff33}.tier-card.featured{border-color:#3a7dff;background:#3a7dff1a}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3a7dff,#6495ed);color:#fff;padding:.4rem 1.2rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.tier-label{font-size:.75rem;color:#9ca3b0;font-weight:700;letter-spacing:1.5px;margin-bottom:.5rem}.tier-tagline{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.tier-card.vapor .tier-tagline{color:#9ca3b0}.tier-card.stratus .tier-tagline{color:#3a7dff}.tier-card.exosphere .tier-tagline{color:#6495ed}.tier-description{color:#cdd6e0;line-height:1.6;margin-bottom:2rem;min-height:60px}.tier-specs{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.spec{display:flex;align-items:center;gap:.75rem;color:#cdd6e0;font-size:.95rem}.spec svg{stroke:#3a7dff;flex-shrink:0}.tier-button{width:100%;padding:1rem;background:#3a7dff1a;border:2px solid rgba(58,125,255,.3);border-radius:10px;color:#3a7dff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.tier-button:hover{background:#3a7dff;color:#fff;border-color:#3a7dff;transform:translateY(-2px)}.tier-card.featured .tier-button{background:#3a7dff;color:#fff;border-color:#3a7dff}.tier-card.featured .tier-button:hover{background:#2b6de8;box-shadow:0 8px 20px #3a7dff66}.hero-gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(58,125,255,.15) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(124,58,237,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1}.hero-features{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1a203099;border:1px solid rgba(148,163,184,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.hero-feature:hover{border-color:#3a7dff66;background:#3a7dff1a;transform:translateY(-2px)}.hero-feature svg{color:#00d9ff;stroke-width:2.5}.hero-feature span{font-size:.95rem;font-weight:600;color:#e2e8f0}.stats-section{padding:4rem 2rem;background:linear-gradient(180deg,#0a0e1a00,#1a203080)}.stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-card{text-align:center;padding:2rem;background:#1a203066;border:1px solid rgba(148,163,184,.1);border-radius:16px;transition:all .3s ease}.stat-card:hover{border-color:#00d9ff66;background:#00d9ff0d;transform:translateY(-4px)}.stat-number{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#00d9ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#94a3b8;font-weight:500}.use-cases-section{padding:6rem 2rem;background:#0a0e1a4d}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.use-case-card{position:relative;padding:2.5rem;background:#13182499;border:1px solid var(--border, rgba(148, 163, 184, .1));border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;text-align:center}.use-case-card:hover{transform:translateY(-8px)}.use-case-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border-radius:20px;transition:all .3s ease}.use-case-card:hover .use-case-icon{transform:scale(1.1)}.use-case-card.gamers{border-color:#a855f74d}.use-case-card.gamers:hover{border-color:#a855f799;box-shadow:0 20px 60px #a855f726}.gamers-icon{background:#a855f71a;color:#a855f7}.use-case-card.developers{border-color:#00d9ff4d}.use-case-card.developers:hover{border-color:#00d9ff99;box-shadow:0 20px 60px #00d9ff26}.developers-icon{background:#00d9ff1a;color:#00d9ff}.use-case-card.businesses{border-color:#22c55e4d}.use-case-card.businesses:hover{border-color:#22c55e99;box-shadow:0 20px 60px #22c55e26}.businesses-icon{background:#22c55e1a;color:#22c55e}.use-case-card.creators{border-color:#fb923c4d}.use-case-card.creators:hover{border-color:#fb923c99;box-shadow:0 20px 60px #fb923c26}.creators-icon{background:#fb923c1a;color:#fb923c}.use-case-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.use-case-description{font-size:1rem;line-height:1.6;color:#cdd6e0}.comparison-section{padding:6rem 2rem;background:#0a0e1acc}.comparison-table{max-width:1000px;margin:3rem auto 0;background:#1a203099;border:1px solid rgba(148,163,184,.1);border-radius:16px;overflow:hidden}.comparison-row{display:grid;grid-template-columns:2fr 2fr 2fr;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(148,163,184,.1);align-items:center}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background:#3a7dff1a;font-weight:700;font-size:1.1rem}.comparison-feature{color:#e2e8f0;font-weight:600}.comparison-stratus,.comparison-others{display:flex;align-items:center;gap:.75rem}.comparison-stratus{color:#00d9ff}.comparison-others{color:#94a3b8}.check-icon{flex-shrink:0;stroke:#10b981}.x-icon{flex-shrink:0;stroke:#ef4444;opacity:.7}.comparison-stratus span,.comparison-others span{font-size:.95rem}.tier-card{position:relative}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,transparent,rgba(58,125,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.tier-card:hover:before{opacity:1}.tier-card.featured:before{background:linear-gradient(135deg,#00d9ff66,#7c3aed66);opacity:.6}.tier-card.featured:hover:before{opacity:1}@media (max-width: 768px){.hero-features{gap:1rem}.hero-feature{padding:.6rem 1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-number{font-size:2.5rem}.comparison-row{grid-template-columns:1fr;gap:.75rem;padding:1rem}.comparison-feature{font-weight:700;margin-bottom:.5rem}.hero h1{font-size:3rem}.tier-grid{grid-template-columns:1fr}.use-cases-grid{grid-template-columns:1fr;gap:1.5rem}.use-case-card{padding:2rem}.use-case-icon{width:64px;height:64px}.use-case-title{font-size:1.25rem}}.pricing{padding:120px 6% 60px;position:relative;z-index:1}.section-title{font-size:3rem;text-align:center;margin-bottom:1rem;font-weight:700;letter-spacing:-1.5px}.section-subtitle{text-align:center;font-size:1.15rem;color:#cdd6e0;margin-bottom:3rem}nav,section,footer{position:relative;z-index:1}.hero{padding:180px 6% 100px;text-align:center;background:radial-gradient(ellipse at top,#3a7dff14,#12151c 50%)}.hero h1{font-size:4.5rem;margin-bottom:1.5rem;color:#fff;font-weight:700;letter-spacing:-2px;line-height:1.1}.hero p{font-size:1.25rem;color:#cdd6e0;margin-bottom:2.5rem;max-width:650px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary{padding:1rem 2.5rem;font-size:1.05rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;border:none;background:#3a7dff;color:#fff}.btn-primary:hover{background:#2b6de8;transform:translateY(-2px);box-shadow:0 12px 25px #3a7dff4d}.btn-secondary{padding:1rem 2.5rem;font-size:1.05rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;background:transparent;border:1px solid rgba(58,125,255,.4);color:#3a7dff}.btn-secondary:hover{background:#3a7dff1a;border-color:#3a7dff;transform:translateY(-2px)}.pricing{padding:100px 6%;max-width:1400px;margin:0 auto}.section-title{font-size:3rem;text-align:center;margin-bottom:1rem;color:#fff;font-weight:700;letter-spacing:-1px}.section-subtitle{font-size:1.1rem;color:#cdd6e0;text-align:center;margin-bottom:3rem}.tier-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.tier-tab{padding:1rem 2.5rem;background:#181c2699;border:2px solid rgba(58,125,255,.2);border-radius:12px;cursor:pointer;transition:all .3s;min-width:180px;text-align:center}.tier-tab:hover{border-color:#3a7dff66;transform:translateY(-2px)}.tier-tab.active{background:#3a7dff26;border-color:#3a7dff}.tier-tab.active.vapor{background:#cdd6e01a;border-color:#cdd6e0}.tier-tab.active.exosphere{background:#6495ed26;border-color:#6495ed}.tier-tab-label{font-size:.75rem;color:#9ca3b0;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:.5rem}.tier-tab-name{font-size:1.25rem;color:#fff;font-weight:600;margin-bottom:.25rem}.tier-tab-price{font-size:.9rem;color:#3a7dff;font-weight:600}.tier-tab.vapor .tier-tab-price{color:#cdd6e0}.tier-tab.exosphere .tier-tab-price{color:#6495ed}.plan-configurator{background:#181c26cc;border:1px solid rgba(58,125,255,.2);border-radius:16px;padding:3rem;margin-bottom:3rem}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.config-left h3{font-size:2rem;margin-bottom:1.5rem;color:#fff}.config-options{display:flex;flex-direction:column;gap:1.5rem}.config-option{display:flex;flex-direction:column;gap:1rem}.config-label{font-size:.95rem;color:#cdd6e0;font-weight:600;display:flex;justify-content:space-between;align-items:center}.config-value{color:#3a7dff;font-weight:700}.ram-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.ram-option{padding:.85rem;background:#12151ccc;border:2px solid rgba(58,125,255,.2);border-radius:8px;text-align:center;cursor:pointer;transition:all .3s;font-weight:600;color:#cdd6e0}.ram-option:hover{border-color:#3a7dff80;background:#12151c}.ram-option.active{border-color:#3a7dff;background:#3a7dff26;color:#fff}.location-selector{display:flex;flex-direction:column;gap:.75rem}.location-option{padding:1rem 1.25rem;background:#12151ccc;border:2px solid rgba(58,125,255,.2);border-radius:8px;cursor:pointer;transition:all .3s;display:flex;justify-content:space-between;align-items:center}.location-option:hover{border-color:#3a7dff80;background:#12151c}.location-option.active{border-color:#3a7dff;background:#3a7dff26}.location-name{font-weight:600;color:#fff}.location-latency{font-size:.85rem;color:#9ca3b0}.price-summary{background:linear-gradient(135deg,#3a7dff26,#3a7dff0d);border:2px solid #3A7DFF;border-radius:16px;padding:2.5rem}.price-summary h3{font-size:1.75rem;color:#fff;margin-bottom:1.5rem;text-align:center;font-weight:700}.summary-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(58,125,255,.3)}.summary-label{font-size:.9rem;color:#cdd6e0;margin-bottom:.5rem}.summary-price{font-size:4rem;font-weight:700;color:#3a7dff;line-height:1}.summary-period{font-size:1.25rem;color:#9ca3b0;margin-top:.5rem}.summary-breakdown{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.breakdown-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(58,125,255,.1)}.breakdown-label{color:#cdd6e0}.breakdown-value{color:#fff;font-weight:600}.summary-cta{width:100%;padding:1.25rem;background:#3a7dff;border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-bottom:1rem}.summary-cta:hover{background:#2b6de8;transform:translateY(-2px);box-shadow:0 8px 20px #3a7dff66}.summary-note{text-align:center;font-size:.85rem;color:#9ca3b0}.features{padding:100px 6%}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1300px;margin:0 auto}.feature-card{background:#181c2699;border:1px solid rgba(58,125,255,.1);border-radius:12px;padding:2rem;transition:all .3s}.feature-card:hover{border-color:#3a7dff4d;transform:translateY(-4px)}.feature-icon{width:56px;height:56px;background:#3a7dff1a;border:1px solid rgba(58,125,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;color:#fff}.feature-card p{color:#cdd6e0;line-height:1.6}.footer-section h3{margin-bottom:1.5rem;color:#fff;font-weight:600}.footer-brand p{color:#cdd6e0;line-height:1.7;margin-top:1rem}.footer-section a{color:#cdd6e0;text-decoration:none;transition:color .3s}.features-section{padding:100px 6%;background:#0a0e1a4d}.features-section .container{max-width:1400px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem}.feature-cube{padding:2.5rem;background:#181c26cc;border:2px solid rgba(58,125,255,.2);border-radius:16px;transition:all .3s ease;text-align:center}.feature-cube:hover{transform:translateY(-8px);border-color:#3a7dff80;box-shadow:0 20px 60px #3a7dff26}.feature-cube .feature-icon{width:80px;height:80px;background:#3a7dff1a;border:2px solid rgba(58,125,255,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#3a7dff;transition:all .3s ease}.feature-cube:hover .feature-icon{background:#3a7dff33;transform:scale(1.1)}.feature-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.feature-description{font-size:1rem;line-height:1.6;color:#cdd6e0}.testimonials-section{padding:100px 6%;background:#12151ccc}.testimonials-section .container{max-width:1400px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;margin-top:4rem}.testimonial-cube{padding:2.5rem;background:#181c2699;border:2px solid rgba(58,125,255,.2);border-radius:16px;transition:all .3s ease;position:relative}.testimonial-cube:hover{transform:translateY(-4px);border-color:#3a7dff66;box-shadow:0 12px 40px #3a7dff1f}.testimonial-cube:before{content:'"';position:absolute;top:1.5rem;left:2rem;font-size:4rem;color:#3a7dff33;font-family:Georgia,serif;line-height:1}.testimonial-quote{font-size:1.05rem;line-height:1.7;color:#cdd6e0;margin-bottom:1.5rem;position:relative;z-index:1}.testimonial-author{font-size:1rem;font-weight:600;color:#3a7dff;font-style:italic}@media (max-width: 968px){.nav-links{display:none}.hero h1{font-size:3rem}.config-grid{grid-template-columns:1fr}.ram-selector{grid-template-columns:repeat(2,1fr)}.summary-price{font-size:3rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-cube{padding:2rem}.feature-cube .feature-icon{width:64px;height:64px}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-cube{padding:2rem}}.page-container{max-width:1200px;margin:0 auto;padding:120px 6% 60px;position:relative;z-index:1}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{font-size:3.5rem;color:#fff;font-weight:700;letter-spacing:-2px;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#3a7dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:1.1rem;color:#cdd6e0}.content-section{margin-bottom:2.5rem}.content-section h2{font-size:2rem;color:#fff;font-weight:700;margin-bottom:1.5rem;text-align:center;letter-spacing:-1px;position:relative;padding-bottom:1rem}.content-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,#3A7DFF,transparent)}.content-section p{font-size:1rem;color:#cdd6e0;line-height:1.75;margin-bottom:1rem}.highlight-box{background:#3a7dff14;border-left:3px solid #3A7DFF;padding:1.2rem 1.5rem;border-radius:6px;margin:1.5rem 0}.highlight-box p{margin:0;font-style:italic;color:#fff;font-size:1.05rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:3rem 0}.stat-card{background:#181c2699;padding:1.5rem;border-radius:10px;border:1px solid rgba(58,125,255,.15);text-align:center}.stat-card h3{font-size:2.2rem;color:#3a7dff;font-weight:700;margin-bottom:.3rem}.stat-card p{color:#cdd6e0;font-size:.9rem;margin:0}@media (max-width: 968px){.page-header h1{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary: #0a0e1a;--bg-secondary: #131824;--bg-tertiary: #1a2030;--accent-primary: #00d9ff;--accent-secondary: #7c3aed;--text-primary: #ffffff;--text-secondary: #94a3b8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border: rgba(148, 163, 184, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app-container{min-height:100vh;position:relative}.bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,217,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.content-wrapper{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:2rem}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 6%;background:#12151cfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(58,125,255,.15)}.logo{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.5px}.logo span{color:#3a7dff}.nav-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-links a{color:#cdd6e0;text-decoration:none;transition:color .3s;font-weight:500;font-size:.95rem}.nav-links a:hover,.nav-links a.active{color:#3a7dff}.nav-buttons{display:flex;gap:.75rem;align-items:center}.nav-cta-secondary{padding:.65rem 1.5rem;background:transparent;border:1px solid rgba(58,125,255,.4);border-radius:6px;color:#3a7dff;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s}.nav-cta-secondary:hover{background:#3a7dff1a;border-color:#3a7dff;transform:translateY(-1px)}.nav-cta{padding:.65rem 1.5rem;background:#3a7dff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s}.nav-cta:hover{background:#2b6de8;transform:translateY(-1px);box-shadow:0 8px 20px #3a7dff40}header{text-align:center;margin-bottom:3rem;padding:3rem 0}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em}.subtitle{font-size:1.25rem;color:var(--text-secondary);font-weight:300}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 40px #00d9ff1a}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.performance-h1{padding-top:8rem}.input-section{display:grid;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}input[type=text],textarea{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:12px;padding:1rem;color:var(--text-primary);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;font-family:Monaco,Courier New,monospace}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #00d9ff1a}textarea{min-height:150px;resize:vertical}.file-upload{position:relative;border:2px dashed var(--border);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-tertiary)}.file-upload:hover{border-color:var(--accent-primary);background:#00d9ff0d}.file-upload.dragging{border-color:var(--accent-primary);background:#00d9ff1a;transform:scale(1.02)}.file-upload input[type=file]{display:none}.file-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;width:100%;margin-top:1rem}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d9ff4d}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analysis-content{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem;line-height:1.8}.analysis-content h2{color:var(--accent-primary);font-size:1.75rem;margin:2rem 0 1rem;border-bottom:2px solid var(--border);padding-bottom:.5rem}.analysis-content h3{color:var(--accent-secondary);font-size:1.25rem;margin:1.5rem 0 .75rem}.analysis-content p{margin-bottom:1rem;color:var(--text-secondary)}.analysis-content ul,.analysis-content ol{margin-left:2rem;margin-bottom:1rem;color:var(--text-secondary)}.analysis-content li{margin-bottom:.5rem}.analysis-content code{background:var(--bg-secondary);padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;color:var(--accent-primary);font-size:.9em}.analysis-content pre{background:var(--bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.analysis-content pre code{background:none;padding:0}.severity-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600;margin-right:.5rem}.severity-critical{background:#ef444433;color:var(--error);border:1px solid var(--error)}.severity-high{background:#f59e0b33;color:var(--warning);border:1px solid var(--warning)}.severity-medium{background:#00d9ff33;color:var(--accent-primary);border:1px solid var(--accent-primary)}.severity-low{background:#10b98133;color:var(--success);border:1px solid var(--success)}.error-message{background:#ef44441a;border:1px solid var(--error);border-radius:12px;padding:1rem;color:var(--error);margin-top:1rem}.info-box{background:#00d9ff1a;border-left:4px solid var(--accent-primary);padding:1rem;margin:1rem 0;border-radius:8px}.info-box strong{color:var(--accent-primary)}.tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border)}.tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}footer{background:#12151c;padding:4rem 6% 2rem;border-top:1px solid rgba(58,125,255,.1)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1300px;margin:0 auto 3rem}.footer-section h3{margin-bottom:1.5rem;color:#fff;font-weight:600;font-size:1.1rem}.footer-brand p{color:#cdd6e0;line-height:1.7;font-size:.95rem;margin-top:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.85rem}.footer-section a{color:#cdd6e0;text-decoration:none;transition:color .3s;font-size:.95rem}.footer-section a:hover{color:#3a7dff}.footer-bottom{text-align:center;padding-top:2.5rem;border-top:1px solid rgba(58,125,255,.1);color:#cdd6e0;font-size:.9rem}@media (max-width: 768px){.content-wrapper{padding:1rem}h1{font-size:2rem}.subtitle{font-size:1rem}.card{padding:1.5rem}}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.status-indicator.analyzing{background:#00d9ff1a;color:var(--accent-primary)}.status-indicator.complete{background:#10b9811a;color:var(--success)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.results-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-family:inherit}.action-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff4d}.action-btn:active{transform:translateY(0)}.copy-btn.success{background:var(--success);border-color:var(--success);color:#fff}.download-btn:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);box-shadow:0 4px 12px #7c3aed4d}.markdown-body{line-height:1.8;color:var(--text-primary)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:1.5rem;margin-bottom:.75rem;font-weight:700;line-height:1.3}.markdown-body h1{font-size:2rem;color:var(--accent-primary);border-bottom:2px solid var(--border);padding-bottom:.5rem}.markdown-body h2{font-size:1.5rem;color:var(--accent-primary)}.markdown-body h3{font-size:1.25rem;color:var(--text-primary)}.markdown-body h4{font-size:1.1rem;color:var(--text-secondary)}.markdown-body p{margin-bottom:1rem;color:var(--text-primary)}.markdown-body ul,.markdown-body ol{margin-left:1.5rem;margin-bottom:1rem;padding-left:.5rem}.markdown-body li{margin-bottom:.5rem;color:var(--text-primary)}.markdown-body code{background:var(--bg-tertiary);padding:.2rem .5rem;border-radius:4px;font-family:Courier New,Consolas,monospace;font-size:.875rem;color:var(--accent-primary);border:1px solid var(--border)}.markdown-body pre{background:var(--bg-tertiary);padding:1.25rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border)}.markdown-body pre code{background:none;padding:0;border:none;color:var(--text-primary)}.markdown-body strong{color:var(--accent-primary);font-weight:700}.markdown-body em{color:var(--text-secondary);font-style:italic}.markdown-body blockquote{border-left:4px solid var(--accent-primary);padding-left:1rem;margin-left:0;margin-bottom:1rem;color:var(--text-secondary);font-style:italic;background:#00d9ff0d;padding:1rem;border-radius:0 8px 8px 0}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:.75rem;text-align:left}.markdown-body th{background:var(--bg-tertiary);font-weight:700;color:var(--accent-primary)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.markdown-body a{color:var(--accent-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.markdown-body a:hover{border-bottom-color:var(--accent-primary)}@media (max-width: 768px){.results-header{flex-direction:column;align-items:flex-start}.results-actions{width:100%}.action-btn{flex:1;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:#12151c;color:#fff;overflow-x:hidden;line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 30%,rgba(58,125,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(100,149,237,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(205,214,224,.03) 0%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(58,125,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(58,125,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.5}#root{position:relative;z-index:1}