@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");:root{--font-heading:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--bg-main:#060913;--bg-card:rgba(15,22,42,0.65);--bg-card-hover:rgba(23,33,61,0.8);--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-cyan:#06b6d4;--color-pink:#ec4899;--color-purple:#8b5cf6;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-inverse:#060913;--border-glow:rgba(99,102,241,0.15);--border-light:rgba(255,255,255,0.06);--border-focus:rgba(99,102,241,0.4);--glow-shadow:0 0 30px rgba(99,102,241,0.2);--card-shadow:0 20px 40px -15px rgba(0,0,0,0.5);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}.gradient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.08) 0,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.08) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0,transparent 50%)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--border-light)}.logo,.navbar{display:flex;align-items:center}.logo{font-family:var(--font-heading);font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;gap:8px}.nav-links{display:flex;gap:32px;list-style:none;align-items:center}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:var(--transition-smooth)}.nav-link:hover{color:var(--text-main)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--border-radius-sm);font-family:var(--font-heading);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;font-size:15px;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-cyan));color:#ffffff;box-shadow:0 4px 20px rgba(99,102,241,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.4)}.btn-secondary{background:rgba(255,255,255,.05);color:var(--text-main);border-color:var(--border-light)}.btn-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.btn-text{color:var(--text-muted);padding:8px 16px}.btn-text:hover{color:var(--text-main)}.hero{padding:100px 0 60px;text-align:center;position:relative}.hero-badge{display:inline-block;padding:6px 16px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);color:var(--color-primary);border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px}.hero h1{font-size:56px;line-height:1.1;margin-bottom:24px;background:linear-gradient(90deg,#ffffff,#9ca3af);-webkit-background-clip:text}.hero h1,.hero h1 span{-webkit-text-fill-color:transparent}.hero h1 span{background:linear-gradient(135deg,var(--color-primary),var(--color-cyan));-webkit-background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-muted);max-width:650px;margin:0 auto 40px}.hero-actions{display:flex;justify-content:center;gap:16px;margin-bottom:60px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px;margin:60px 0}.card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);padding:32px;transition:var(--transition-smooth);box-shadow:var(--card-shadow);position:relative}.card,.card:before{border-radius:var(--border-radius-lg)}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 40%,rgba(99,102,241,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:hover{transform:translateY(-4px);background:var(--bg-card-hover);border-color:rgba(99,102,241,.25);box-shadow:var(--glow-shadow)}.card-icon{width:48px;height:48px;border-radius:var(--border-radius-sm);background:rgba(99,102,241,.1);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:24px}.card-title{font-size:20px;margin-bottom:12px}.card-description{color:var(--text-muted);font-size:14px}.pricing-section{padding:80px 0}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h2{font-size:36px;margin-bottom:12px}.pricing-header p{color:var(--text-muted);font-size:16px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;align-items:stretch}@media (max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{display:flex;flex-direction:column}.pricing-card.premium{border-color:rgba(99,102,241,.4);box-shadow:var(--glow-shadow)}.pricing-card.premium:after{content:"POPULAR";position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-cyan));color:#fff;font-size:11px;font-weight:800;padding:4px 10px;border-radius:20px;letter-spacing:.05em}.price-title{font-size:16px;color:var(--text-muted);margin-bottom:8px}.price-value{font-size:44px;font-weight:800;margin-bottom:24px}.price-value span{font-size:16px;font-weight:500;color:var(--text-muted)}.price-features{list-style:none;margin-bottom:32px;flex-grow:1}.price-features li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px}.price-features svg{color:var(--color-cyan);flex-shrink:0}.auth-wrapper{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 0}.auth-card{width:100%;max-width:440px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{font-size:28px;margin-bottom:8px}.auth-header p{color:var(--text-muted);font-size:14px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;background:rgba(255,255,255,.03);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);color:var(--text-main);font-family:var(--font-body);font-size:15px;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--color-primary);background:rgba(255,255,255,.05);box-shadow:0 0 15px rgba(99,102,241,.15)}.form-footer{text-align:center;margin-top:24px;font-size:14px;color:var(--text-muted)}.form-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.form-footer a:hover{text-decoration:underline}.dashboard-layout{padding:60px 0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.dashboard-title h2{font-size:32px}.dashboard-title p{color:var(--text-muted);font-size:14px}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:32px;gap:32px}@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.sub-card{margin-bottom:32px}.sub-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase}.sub-badge.active{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.sub-badge.trial{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.flex-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sub-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:24px;gap:24px;margin:24px 0;padding:24px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.detail-item label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.detail-item span{font-size:16px;font-weight:600}.token-box{background:rgba(0,0,0,.2);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:12px 16px;font-family:monospace;font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-top:12px}.token-copy-btn{background:none;border:none;color:var(--color-cyan);cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:13px}.footer{border-top:1px solid var(--border-light);padding:60px 0;text-align:center;color:var(--text-muted);font-size:14px}.footer-logo{font-family:var(--font-heading);font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;display:inline-block}.footer-nav{display:flex;justify-content:center;gap:24px;margin-bottom:24px;list-style:none}.footer-nav a{color:var(--text-muted);text-decoration:none}.footer-nav a:hover{color:var(--text-main)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.bg-blobs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:float 20s ease-in-out infinite}.blob-1{width:400px;height:400px;background:var(--color-primary);top:-100px;left:-100px}.blob-2{width:500px;height:500px;background:var(--color-cyan);bottom:-150px;right:-150px;animation-delay:-5s;animation-duration:25s}.blob-3{width:300px;height:300px;background:var(--color-purple);top:40%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s;animation-duration:30s}@keyframes float{0%{transform:translate(0) scale(1)}33%{transform:translate(40px,-60px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.pulsing-dot{animation:pulse 2s infinite}.fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}header{position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(6,9,19,.75);transition:var(--transition-smooth);border-bottom:1px solid transparent}header.scrolled{border-bottom:1px solid var(--border-light);background:rgba(6,9,19,.85)}.nav-toggle{display:none;background:none;border:none;color:var(--text-main);cursor:pointer;padding:4px}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(6,9,19,.98);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-light);flex-direction:column;padding:24px;gap:16px;align-items:flex-start}.nav-links.active{display:flex;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.nav-toggle{display:block}.features-grid,.pricing-grid{grid-template-columns:1fr!important;gap:24px!important}.hero-content h1{font-size:40px!important}}