@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--primary:#0284c7;--primary-glow:#0284c733;--primary-gradient:linear-gradient(135deg, #0369a1 0%, #0ea5e9 100%);--bg-color:#f8fafc;--surface:#fff;--surface-solid:#f1f5f9;--surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--border-light:#cbd5e1;--success:#10b981;--danger:#ef4444;--glass-shadow:0 4px 6px -1px #0000001a;--card-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008}:root[data-theme=dark]{--primary:#38bdf8;--primary-glow:#38bdf84d;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--bg-color:#020617;--surface:#0f172a99;--surface-solid:#0f172a;--surface-hover:#1e293bcc;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#33415599;--border-light:#ffffff1a;--glass-shadow:0 8px 32px 0 #00000080;--card-shadow:0 10px 25px -5px #00000080, 0 8px 10px -6px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);max-width:100vw;color:var(--text-main);scroll-behavior:smooth;font-family:Inter,sans-serif;overflow-x:hidden}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}h1,h2,h3,h4,h5,h6,.font-outfit{font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}.ambient-bg{z-index:-1;background-color:var(--bg-color);background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56 48h8v16h16v8H64v16h-8V72H40v-8h16V48z' fill='%230284c7' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 15%,#0284c70d,#0000 25%),radial-gradient(circle at 85% 30%,#0ea5e90d,#0000 25%);width:100vw;height:100vh;transition:background-color .4s,background-image .4s;position:fixed;top:0;left:0}.ambient-bg:before,.ambient-bg:after{content:"";filter:blur(80px);z-index:-1;border-radius:50%;transition:background-color .4s;animation:20s ease-in-out infinite alternate float;position:absolute}.ambient-bg:before{background:#0284c70d;width:40vw;height:40vw;animation-delay:-5s;top:10%;left:-10%}.ambient-bg:after{background:#10b98108;width:30vw;height:30vw;bottom:10%;right:-5%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,5%)scale(1.1)}to{transform:translate(-5%,10%)scale(.9)}}:root[data-theme=dark] .ambient-bg{background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M56 48h8v16h16v8H64v16h-8V72H40v-8h16V48z' fill='%23ffffff' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E"),radial-gradient(circle at 15%,#38bdf81a,#0000 25%),radial-gradient(circle at 85% 30%,#0284c726,#0000 25%)}:root[data-theme=dark] .ambient-bg:before{background:#38bdf80d}:root[data-theme=dark] .ambient-bg:after{background:#34d39908}.container{max-width:1200px;margin:0 auto;padding:0 24px}.premium-card{background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--card-shadow);border-radius:16px;padding:32px;transition:transform .3s,border-color .4s,box-shadow .4s,background-color .4s}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline{color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}@media (hover:hover) and (pointer:fine){.premium-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0284c74d}.btn-outline:hover{background:#0284c71a}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.pricing-card{position:relative;overflow:hidden}.pricing-card.popular:before{content:"Most Popular";background:var(--primary-gradient);color:#fff;padding:4px 32px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;position:absolute;top:16px;right:-32px;transform:rotate(45deg);box-shadow:0 2px 8px #0003}.pricing-card.popular{border-color:var(--primary);box-shadow:0 0 20px #0284c726}.badge{color:var(--primary);background:#0284c71a;border:1px solid #0284c733;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.header-glass{z-index:50;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);background:#ffffffe6;width:100%;transition:background .3s,border-color .3s;position:fixed;top:0}:root[data-theme=dark] .header-glass{border-bottom:1px solid var(--border-light);background:#0f172ab3}:root[data-theme=dark] .premium-card{-webkit-backdrop-filter:blur(16px)}@media (max-width:768px){.container{padding:0 16px}.hero-title{margin-bottom:16px!important;font-size:36px!important}.hero-subtitle{margin-bottom:24px!important;font-size:16px!important}.btn-group{flex-direction:column;gap:12px!important}.btn-group a{text-align:center;width:100%}.hub-header{flex-direction:column;gap:12px;align-items:flex-start!important}.grid-responsive{grid-template-columns:1fr!important}.navbar-wrapper{padding:0 16px!important}.navbar-inner{border-radius:20px!important;flex-direction:column!important;height:auto!important;padding:12px!important}.navbar-header{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-links{opacity:0;border-top:1px solid #0000;flex-direction:column;gap:12px;width:100%;max-height:0;margin-top:0;padding-top:0;transition:all .3s ease-in-out;display:flex;overflow:hidden}.navbar-links.open{opacity:1;border-top:1px solid var(--border);max-height:500px;margin-top:16px;padding-top:16px}.navbar-links>a{text-align:center;width:100%;padding:12px!important;font-size:15px!important}.navbar-links>button{margin:8px auto}.nav-divider{display:none!important}.dashboard-btn{justify-content:center;width:100%;margin-top:8px;margin-left:0!important}.main-content{padding-top:170px!important}.flex-col-mobile{flex-direction:column!important}.pricing-card.popular{height:auto!important}}@media (min-width:769px){.mobile-menu-btn{display:none!important}.navbar-links{display:flex}}