        :root {
            --bg: #ffffff;
            --surface: #f8f6ff;
            --surface-alt: #f3f0ff;
            --text: #12102a;
            --text-secondary: #3d3560;
            --text-muted: #6b6085;
            --accent: #7b5ef7;
            --accent-deep: #5a3fd4;
            --accent-light: #a897f7;
            --accent-soft: #edeaff;
            --accent-glow: rgba(123,94,247,0.09);
            --accent-glow-strong: rgba(123,94,247,0.17);
            --border: #e0dbf0;
            --border-light: #ede8f8;
            --shadow-sm: 0 1px 4px rgba(90,63,212,0.05);
            --shadow-md: 0 8px 28px rgba(90,63,212,0.07);
            --shadow-lg: 0 20px 52px rgba(90,63,212,0.09);
            --shadow-xl: 0 32px 72px rgba(90,63,212,0.11);
            --radius-sm: 12px;
            --radius: 20px;
            --radius-lg: 28px;
            --radius-xl: 36px;
            --transition: 0.26s cubic-bezier(0.4, 0, 0.2, 1);
            --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            --gradient-hero: linear-gradient(135deg, #5b3fd4 0%, #7b5ef7 30%, #8f74f7 55%, #b4a0fa 100%);
            --gradient-card-accent: linear-gradient(160deg, #f8f6ff 0%, #ffffff 60%, #f3f0ff 100%);
            --gradient-cta: linear-gradient(135deg, #1a1035 0%, #231845 40%, #1a1035 100%);
        }
        *{margin:0;padding:0;box-sizing:border-box;}
        html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
        body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
        .container{max-width:1240px;margin:0 auto;padding:0 28px;}
        .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

        header{background:rgba(255,255,255,0.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-light);transition:var(--transition);}
        header.scrolled{box-shadow:var(--shadow-md);background:rgba(255,255,255,0.96);}
        nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0;flex-wrap:wrap;gap:12px;}
        .logo{font-size:1.7rem;font-weight:900;letter-spacing:-0.03em;background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0;text-decoration:none;}
        .logo-icon{display:inline-block;font-size:1.5rem;margin-right:2px;vertical-align:-2px;animation:rocket-float 2.5s ease-in-out infinite;}
        @keyframes rocket-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
        .nav-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap;list-style:none;}
        .nav-links a{text-decoration:none;font-weight:500;color:var(--text-secondary);transition:var(--transition);font-size:0.9rem;position:relative;padding:5px 2px;white-space:nowrap;letter-spacing:0.01em;}
        .nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2.5px;background:var(--accent);border-radius:3px;transition:width var(--transition);}
        .nav-links a:hover{color:var(--accent);}
        .nav-links a:hover::after{width:100%;}
        .nav-links a.active{color:var(--accent);font-weight:700;}
        .nav-links a.active::after{width:100%;}
        .nav-links a.nav-highlight{background:var(--accent-soft);color:var(--accent-deep);padding:8px 18px;border-radius:28px;font-weight:600;transition:var(--transition);}
        .nav-links a.nav-highlight:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(123,94,247,0.3);}
        .nav-links a.nav-highlight::after{display:none;}

        .page-hero{padding:56px 0 24px;text-align:center;background:radial-gradient(ellipse at 70% 0%, rgba(160,140,250,0.08) 0%, #ffffff 50%);}
        .page-hero h1{font-size:clamp(2rem, 4vw, 2.8rem);font-weight:900;letter-spacing:-0.03em;margin-bottom:16px;color:#15102e;}
        .hero-gradient-text{background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
        .page-hero .subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin:0 auto 24px;line-height:1.6;}

        .section{padding:60px 0;}
        .section-alt{background:var(--surface);}
        .section-title{font-size:clamp(1.5rem, 2.8vw, 1.9rem);font-weight:800;margin-bottom:30px;text-align:center;color:var(--text);letter-spacing:-0.02em;}
        .flow-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;}
        .flow-card{background:#fff;border-radius:var(--radius-lg);padding:28px 22px;text-align:center;flex:1 1 200px;max-width:260px;box-shadow:var(--shadow-sm);border:1.5px solid var(--border-light);transition:var(--transition);position:relative;}
        .flow-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(123,94,247,0.25);}
        .flow-num{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;margin-bottom:14px;box-shadow:0 4px 14px rgba(123,94,247,0.3);}
        .flow-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text);}
        .flow-card p{color:var(--text-muted);font-size:0.87rem;line-height:1.5;}

        .info-box{background:#fff;border-radius:var(--radius-lg);padding:28px 26px;box-shadow:var(--shadow-sm);border:1.5px solid var(--border-light);margin-bottom:20px;}
        .info-box h3{font-weight:700;margin-bottom:12px;color:var(--text);}
        .info-box ul, .info-box ol{padding-left:20px;color:var(--text-secondary);line-height:1.8;}
        .info-box a{color:var(--accent);text-decoration:none;font-weight:500;}
        .info-box a:hover{text-decoration:underline;}

        .btn-primary{background:#15102e;color:#fff;padding:12px 28px;border-radius:30px;font-weight:600;text-decoration:none;transition:var(--transition);display:inline-flex;align-items:center;gap:6px;font-size:0.9rem;}
        .btn-primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 10px 26px rgba(123,94,247,0.3);}
        .btn-outline{background:transparent;border:1.8px solid #d8d2f0;color:#3d3560;padding:12px 28px;border-radius:30px;font-weight:600;text-decoration:none;transition:var(--transition);font-size:0.9rem;}
        .btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#f8f6ff;}

        .cta-download{padding:60px 0;background:var(--gradient-cta);color:#fff;text-align:center;position:relative;overflow:hidden;}
        .cta-download::before{content:'';position:absolute;top:-20%;left:-10%;width:120%;height:140%;background:radial-gradient(ellipse at center, rgba(123,94,247,0.35) 0%, transparent 65%);pointer-events:none;}
        .cta-inner{position:relative;z-index:1;}
        .btn-cta{background:#fff;color:#5a3fd4;padding:16px 42px;border-radius:50px;font-weight:700;text-decoration:none;display:inline-block;transition:var(--transition);font-size:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.2);margin-top:20px;}
        .btn-cta:hover{background:#e8e3ff;transform:scale(1.03);box-shadow:0 16px 40px rgba(123,94,247,0.45);}

        footer{background:#15102e;color:#b0a5c8;padding:50px 0 26px;}
        .footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:34px;margin-bottom:38px;}
        .footer-grid>div{min-width:140px;}
        .footer-grid h4{color:#fff;font-size:0.94rem;margin-bottom:8px;font-weight:700;}
        .footer-grid ul{list-style:none;}
        .footer-grid ul li{margin-bottom:5px;}
        .footer-grid a{color:#b0a5c8;text-decoration:none;font-size:0.84rem;transition:var(--transition);}
        .footer-grid a:hover{color:#c4b8f7;}
        .footer-bottom{border-top:1px solid #2a2045;padding-top:22px;text-align:center;font-size:0.76rem;color:#7a6d95;}

        @media(max-width:900px){.container{padding:0 16px;}.flow-card{flex:1 1 160px;}}
        @media(max-width:600px){nav{flex-direction:column;align-items:flex-start;}.nav-links{width:100%;}.flow-grid{flex-direction:column;align-items:center;}}