@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-bg-primary: #0F0F14;--color-bg-secondary: #1C1C24;--color-bg-card: #252530;--color-accent: #6C5CE7;--color-accent-hover: #5A4BD6;--color-accent-light: rgba(108, 92, 231, .1);--color-text-primary: #FFFFFF;--color-text-secondary: #D1D5DB;--color-text-tertiary: #9CA3AF;--color-success: #00D9A6;--color-error: #FF7B7B;--color-warning: #FFD93D;--color-border: #333345;--grad-accent: linear-gradient(135deg, #6C5CE7 0%, #a29bfe 100%);--grad-streak: linear-gradient(135deg, #FF6B35 0%, #FF9F1C 100%);--grad-dark: linear-gradient(180deg, #0F0F14 0%, #1C1C24 100%);--glass-bg: rgba(37, 37, 48, .7);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--container-max: 1200px}*{margin:0;padding:0;box-sizing:border-box;max-width:100%}html,body{width:100%;overflow-x:hidden;position:relative;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2}h1{font-size:64px;letter-spacing:-2px}h2{font-size:48px}h3{font-size:24px}a{text-decoration:none;color:inherit;transition:all .2s ease}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);transition:transform .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-4px);border-color:#6c5ce74d}.responsive-card{padding:40px}.btn-primary{background:var(--grad-accent);color:#fff;padding:16px 32px;border-radius:var(--radius-md);font-weight:700;font-size:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.4;border:none;cursor:pointer;transition:opacity .2s,transform .2s}.btn-primary:active{transform:scale(.98)}.btn-large{padding:18px 40px;font-size:20px;font-weight:800}.feature-list{list-style:none;padding:0;margin-bottom:40px;display:inline-flex;flex-direction:column;text-align:left;width:fit-content}.feature-list-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-weight:600;text-align:left}.feature-list-icon{flex-shrink:0;margin-top:2px}.text-gradient{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-large{font-size:20px;color:var(--color-text-secondary)}h1,h2,h3,p{overflow-wrap:break-word;word-wrap:break-word;max-width:100%}@media(max-width:768px){.text-large{font-size:16px}}.mobile-only{display:none!important}.desktop-only{display:flex!important;gap:32px;align-items:center}.hero-flex{display:flex;align-items:center;justify-content:center;gap:80px;max-width:100%}.responsive-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}.responsive-flex-between{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%}.text-left-desktop{text-align:left}.flex-center-mobile{justify-content:flex-start}.flex-start-desktop{align-items:flex-start}@media(max-width:1023px){.hero-flex{flex-direction:column;gap:40px;text-align:center}.responsive-grid{grid-template-columns:minmax(0,1fr);gap:40px;text-align:center}.responsive-flex-between{flex-direction:column;gap:32px;text-align:center}.text-left-desktop{text-align:center!important}.center-block-mobile{margin-inline:auto!important}.flex-center-mobile{justify-content:center!important}.flex-start-desktop{align-items:center!important}}@media(max-width:768px){.mobile-only{display:block!important}.desktop-only{display:none!important}h1{font-size:32px!important;white-space:normal;letter-spacing:-1px!important}h2{font-size:28px!important}h3{font-size:22px!important}.responsive-card{padding:24px!important}.btn-primary{padding:14px 24px;font-size:16px;width:100%;max-width:320px;margin:0 auto}.btn-large{padding:16px 28px;font-size:18px}.container{padding:0 20px;width:100%;overflow-x:hidden}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}
