:root{--font-display: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--bg-primary: #ffffff;--bg-secondary: #f7f7f8;--bg-card: #ffffff;--bg-dark: #121212;--text-primary: #000000;--text-secondary: #555555;--text-tertiary: #a1a1aa;--accent: #111111;--accent-soft: #f4f4f5;--accent-glow: #3f3f46;--border: #e4e4e7;--border-strong: #d4d4d8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 10px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(228, 228, 231, .6);--hero-overlay-start: rgba(255, 255, 255, .5);--color-slate: #0f172a;--color-blue: #1d4ed8;--color-emerald: #047857;--color-purple: #6d28d9;--color-amber: #b45309;--color-cyan: #0e7490;--color-rose: #be123c}body.dark{--bg-primary: #121212;--bg-secondary: #1c1c1e;--bg-card: #1e1e20;--bg-dark: #000000;--text-primary: #ffffff;--text-secondary: #9e9eae;--text-tertiary: #71717a;--accent: #ffffff;--accent-soft: #2c2c2e;--accent-glow: #48484a;--border: #2c2c2e;--border-strong: #3a3a3c;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 10px 30px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .4);--glass-bg: rgba(18, 18, 18, .75);--glass-border: rgba(44, 44, 46, .6);--hero-overlay-start: rgba(18, 18, 18, .55)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button,select{font-family:inherit;color:inherit}.brand-logo-img{width:32px;height:32px;border-radius:8px;object-fit:cover;border:1px solid var(--border-strong);background-color:#fff}.brand-logo-fallback{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-strong);background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:16px;flex-shrink:0}.container{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,24px)}section{padding:96px 0;position:relative;overflow:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--glass-bg);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--glass-border);padding:16px 0;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:900;font-size:24px;letter-spacing:-.04em}.brand-icon{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary)}.nav-link:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:16px}.select-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast);font-family:var(--font-body)}.select-btn:hover{border-color:var(--border-strong);background:var(--accent-soft)}.icon-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast)}.icon-btn:hover{border-color:var(--border-strong);background:var(--accent-soft)}.hero{min-height:100vh;padding-top:140px;padding-bottom:80px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;opacity:.16;transition:opacity var(--transition-slow)}body.dark .hero-video{opacity:.09}.hero-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--hero-overlay-start) 0%,var(--bg-primary) 100%);z-index:-1;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.hero-content{max-width:580px}.badge{display:inline-flex;align-items:center;background:var(--accent-soft);color:var(--text-primary);font-size:12px;font-weight:700;padding:6px 16px;border-radius:50px;border:1px solid var(--border);margin-bottom:24px;letter-spacing:.05em;text-transform:uppercase}.hero-title{font-size:56px;line-height:1.1;font-weight:900;margin-bottom:24px;letter-spacing:-.03em}.hero-title span{display:block}.hero-title .highlight{display:inline-block;background:linear-gradient(135deg,var(--text-primary) 30%,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-title .amharic-accent{font-weight:900;position:relative;display:inline-block;color:var(--text-primary);padding:0 6px;border-radius:8px;box-shadow:inset 0 -6px 0 var(--border-strong)}.hero-description{font-size:18px;line-height:1.6;margin-bottom:40px;color:var(--text-secondary)}.hero-buttons{display:flex;align-items:center;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);border:none}.btn-primary{background-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;background-color:var(--text-primary)}body.dark .btn-primary:hover{box-shadow:0 8px 24px #ffffff1a}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background-color:var(--accent-soft);transform:translateY(-2px)}.hero-stats{display:flex;gap:40px;margin-top:48px;border-top:1px solid var(--border);padding-top:32px}.stat-item h4{font-size:32px;font-weight:900;line-height:1;margin-bottom:6px}.stat-item p{font-size:13px;color:var(--text-secondary);font-weight:600}.hero-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background-image:linear-gradient(to right,rgba(128,128,128,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(128,128,128,.04) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at 60% 50%,black,transparent 80%);-webkit-mask-image:radial-gradient(circle at 60% 50%,black,transparent 80%);animation:grid-drift 40s linear infinite}@keyframes grid-drift{0%{background-position:0px 0px}to{background-position:100px 100px}}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;overflow:hidden;pointer-events:none}.hero-particles span{position:absolute;display:block;background:radial-gradient(circle,var(--text-primary) 0%,transparent 70%);opacity:.12;border-radius:50%;animation:float-particle 12s ease-in-out infinite}body.dark .hero-particles span{opacity:.06;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%)}.hero-particles span:nth-child(1){width:120px;height:120px;left:10%;top:20%;animation-duration:14s}.hero-particles span:nth-child(2){width:80px;height:80px;left:85%;top:30%;animation-duration:9s;animation-delay:-2s}.hero-particles span:nth-child(3){width:150px;height:150px;left:40%;top:70%;animation-duration:18s;animation-delay:-5s}.hero-particles span:nth-child(4){width:90px;height:90px;left:70%;top:80%;animation-duration:11s;animation-delay:-1s}.hero-particles span:nth-child(5){width:110px;height:110px;left:25%;top:60%;animation-duration:15s;animation-delay:-3s}.hero-particles span:nth-child(6){width:70px;height:70px;left:55%;top:15%;animation-duration:10s;animation-delay:-6s}@keyframes float-particle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:.12}90%{opacity:.12}to{transform:translateY(-100px) translate(50px) scale(.8);opacity:0}}.hero-media{position:relative;display:flex;justify-content:center;align-items:center;height:640px;width:100%;perspective:1000px;padding-right:40px}.glow-ambient{position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,var(--border-strong) 0%,transparent 70%);opacity:.4;filter:blur(50px);z-index:1;animation:float 8s ease-in-out infinite}.phone-mockup-wrap{position:absolute;transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .5s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center}.phone-dark-wrap{z-index:10;transform:rotate(-8deg) translate(-75px,-20px) scale(.9);opacity:.85}.phone-light-wrap{z-index:11;transform:rotate(6deg) translate(75px,20px) scale(.92);opacity:.95}.hero-media:hover .phone-dark-wrap{transform:rotate(-3deg) translate(-130px,-10px) scale(.98);opacity:1;z-index:12}.hero-media:hover .phone-light-wrap{transform:rotate(3deg) translate(130px,10px) scale(1);opacity:1;z-index:11}.phone-dark-wrap:hover{transform:rotate(0) translate(-100px,-30px) scale(1.04)!important;z-index:20!important}.phone-light-wrap:hover{transform:rotate(0) translate(100px,-30px) scale(1.04)!important;z-index:20!important}.phone-mode-label{position:absolute;top:-30px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:15;transition:opacity .3s ease}.dark-label{background:#121212cc;color:#fff}.light-label{background:#fffc;color:#000}.phone-mockup{position:relative;width:270px;height:550px;background-color:#080808;border-radius:40px;padding:10px;box-shadow:var(--shadow-lg),0 0 0 4px #26262b,0 0 0 1px #0f0f12;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.phone-mockup:before{content:"";position:absolute;top:16px;left:50%;transform:translate(-50%);width:80px;height:16px;background-color:#000;border-radius:20px;z-index:10}.phone-screen{flex:1;border-radius:32px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-screen-dark{background-color:#0f0f12;color:#fff}.phone-screen-light{background-color:#fff;color:#000}.screenshot-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;border-radius:32px}.phone-fallback-ui{display:flex;flex-direction:column;height:100%;width:100%;z-index:1}.sim-app-header{padding:24px 14px 8px;border-bottom:1px solid rgba(128,128,128,.12);display:flex;flex-direction:column;gap:6px}.sim-app-header.dark-ui{background-color:#141418}.sim-app-header.light-ui{background-color:#f7f7f8}.sim-status-bar{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;opacity:.6}.sim-status-icons{display:flex;gap:4px}.sim-nav-bar{display:flex;align-items:center;gap:8px;margin-top:4px}.sim-back-arrow{font-size:9px;opacity:.6}.sim-header-title{font-size:11px;font-weight:800;font-family:var(--font-display);flex:1}.sim-status-badge{font-size:7px;background:var(--color-purple);color:#fff;padding:1px 4px;border-radius:4px;font-weight:800;letter-spacing:.05em}.sim-count-badge{font-size:8px;font-weight:700;opacity:.6}.sim-app-body{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.sim-app-body.scroll-disabled{overflow:hidden}.sim-bubble-ai,.sim-bubble-user{max-width:85%;padding:8px 10px;border-radius:12px;font-size:9.5px;line-height:1.4}.sim-bubble-ai{align-self:flex-start;border-bottom-left-radius:2px}.sim-bubble-user{align-self:flex-end;border-bottom-right-radius:2px}.bubble-dark.sim-bubble-ai{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.bubble-dark.sim-bubble-user{background:var(--accent-soft);color:#fff}.sim-bubble-author{display:block;font-size:7.5px;font-weight:800;color:var(--color-purple);margin-bottom:2px;text-transform:uppercase}.formula-box{background:#6d28d91a!important;border-color:#6d28d933!important;font-family:var(--font-mono);align-self:center!important;max-width:95%;text-align:center}.math-mono{font-family:var(--font-mono);font-size:8.5px;font-weight:600;letter-spacing:-.02em}.sim-cat-tag{align-self:flex-start;font-size:7.5px;background:#be123c1a;color:var(--color-rose);padding:2px 6px;border-radius:4px;font-weight:800;letter-spacing:.08em}.sim-card-body-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.sim-card-front-box{width:100%;height:120px;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;text-align:center}.sim-q-label{font-size:8px;font-weight:800;color:var(--text-tertiary);letter-spacing:.08em}.sim-card-q-text{font-size:11px;font-weight:800;line-height:1.4;color:#000}.sim-flip-action{font-size:8px;color:var(--color-purple);font-weight:700;animation:pulse-glow 2s infinite}.sim-diff-rating-row{display:flex;justify-content:space-between;gap:6px}.sim-rating-pill{flex:1;text-align:center;font-size:8.5px;font-weight:800;padding:4px;border-radius:8px;border:1px solid var(--border)}.rating-hard{color:var(--color-rose);background:#be123c0d}.rating-medium{color:var(--color-amber);background:#b453090d}.rating-easy{color:var(--color-emerald);background:#0478570d}.sim-app-footer{padding:10px 14px 24px;border-top:1px solid rgba(128,128,128,.12)}.sim-app-footer.dark-ui{background-color:#141418}.sim-app-footer.light-ui{background-color:#fff}.sim-chat-input-row{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4px 6px 4px 12px}.sim-chat-box-placeholder{font-size:9px;color:#ffffff59;flex:1}.sim-chat-send-btn{width:22px;height:22px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.sim-progress-bar-light{width:100%;height:3px;background:var(--accent-soft);border-radius:2px;overflow:hidden}.sim-progress-bar-fill{width:27%;height:100%;background:var(--color-purple)}body.dark .phone-screen{border-color:#ffffff0d}.app-header{padding:44px 16px 12px;background-color:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.app-title{font-family:var(--font-display);font-size:18px;font-weight:800}.app-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.sim-subject-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.sim-subject-scroll::-webkit-scrollbar{display:none}.sim-tag{flex-shrink:0;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:var(--accent-soft);color:var(--text-primary);border:1px solid var(--border)}.sim-tag.active{background:var(--color-purple);color:#fff;border-color:var(--color-purple)}.sim-note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;border-left:4px solid var(--accent)}.sim-note-card.physics{border-left-color:var(--color-cyan)}.sim-note-card.medicine{border-left-color:var(--color-rose)}.sim-note-card.cs{border-left-color:var(--color-emerald)}.sim-note-title{font-size:12px;font-weight:700;color:var(--text-primary)}.sim-note-desc{font-size:10px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sim-note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.sim-note-time{font-size:9px;color:var(--text-tertiary);font-weight:500}.sim-note-type{font-size:9px;padding:2px 6px;background:var(--accent-soft);border-radius:4px;font-weight:700}.sim-add-btn{position:absolute;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);font-size:20px;font-weight:700}.sim-chat-area{display:flex;flex-direction:column;gap:12px;flex:1}.sim-bubble{max-width:85%;padding:8px 12px;border-radius:14px;font-size:11px;line-height:1.4}.sim-bubble.user{background:var(--accent-soft);color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:4px}.sim-bubble.ai{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px}.sim-bubble pre{font-family:var(--font-mono);background:var(--accent-soft);padding:6px;border-radius:6px;margin-top:6px;font-size:9px;overflow-x:auto}.sim-chat-input{display:flex;gap:8px;padding:8px 12px 20px;border-top:1px solid var(--border);background:var(--bg-primary)}.sim-input-box{flex:1;height:32px;border-radius:16px;border:1px solid var(--border);background:var(--bg-secondary);padding:0 12px;font-size:10px;display:flex;align-items:center;color:var(--text-tertiary)}.sim-send-btn{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:12px}.sim-flash-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:20px}.sim-flashcard{width:100%;height:220px;perspective:1000px;cursor:pointer}.sim-flash-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.sim-flashcard.flipped .sim-flash-inner{transform:rotateY(180deg)}.sim-flash-front,.sim-flash-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;border:1px solid var(--border-strong);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;box-shadow:var(--shadow-md);background:var(--bg-card)}.sim-flash-front{color:var(--text-primary)}.sim-flash-back{transform:rotateY(180deg);background:var(--accent-soft);color:var(--text-primary)}.sim-card-badge{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.1em;margin-bottom:12px}.sim-card-text{font-size:13px;font-weight:700;line-height:1.5}.sim-flash-help{font-size:10px;color:var(--text-tertiary);margin-top:16px;font-weight:600;animation:pulse-glow 2s infinite}.sim-flash-actions{display:flex;gap:8px;width:100%;justify-content:center;margin-top:12px}.sim-action-btn{font-size:9px;font-weight:700;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;color:#fff}.sim-action-btn.red{background:var(--color-rose)}.sim-action-btn.yellow{background:var(--color-amber)}.sim-action-btn.green{background:var(--color-emerald)}.sim-timer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px}.sim-timer-circle{width:180px;height:180px;border-radius:50%;border:4px solid var(--border);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.sim-timer-progress{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:4px solid transparent;border-top-color:var(--text-primary);transform:rotate(-45deg);transition:transform 1s linear}.sim-timer-time{font-family:var(--font-display);font-size:32px;font-weight:900}.sim-timer-label{font-size:10px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sim-timer-btn{background:var(--accent);color:var(--bg-primary);border:none;font-size:12px;font-weight:700;padding:10px 24px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:8px}.showcase{background-color:var(--bg-secondary);transition:background-color var(--transition-normal)}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.showcase-selector{display:flex;flex-direction:column;gap:16px}.showcase-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;text-align:left;cursor:pointer;transition:all var(--transition-spring);display:flex;gap:20px;align-items:flex-start;box-shadow:var(--shadow-sm);color:var(--text-primary)}.showcase-btn:hover{transform:translate(8px);border-color:var(--border-strong)}.showcase-btn.active{background:#111;border-color:#111;transform:scale(1.02) translate(12px)}.showcase-btn.active .showcase-num{background:#ffffff26;color:#fff;border-color:transparent}.showcase-btn.active .showcase-btn-text h3{color:#fff}.showcase-btn.active .showcase-btn-text p{color:#ffffffb3}body.dark .showcase-btn.active{background:#fff;border-color:#fff}body.dark .showcase-btn.active .showcase-num{background:#00000014;color:#000;border-color:transparent}body.dark .showcase-btn.active .showcase-btn-text h3{color:#121212}body.dark .showcase-btn.active .showcase-btn-text p{color:#0009}.showcase-num{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-tertiary);flex-shrink:0;transition:all var(--transition-fast)}.showcase-btn-text h3{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text-primary);transition:color var(--transition-fast)}.showcase-btn-text p{font-size:14px;line-height:1.5;color:var(--text-secondary);transition:color var(--transition-fast)}.showcase-display{display:flex;justify-content:center;align-items:center;position:relative}.about-section{padding:clamp(60px,10vw,120px) 0;background:var(--bg-primary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start;max-width:1200px;margin:0 auto}.about-content .badge{display:inline-block;padding:8px 16px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px;border:1px solid}.about-content h2{font-size:clamp(32px,5vw,48px);font-weight:900;line-height:1.15;color:var(--text-primary);margin-bottom:16px}.about-lead{font-size:clamp(16px,2.5vw,20px);color:var(--text-secondary);line-height:1.6;margin-bottom:24px;max-width:520px}.about-text{font-size:16px;line-height:1.75;color:var(--text-secondary);margin-bottom:20px;max-width:600px}.about-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.about-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;padding:clamp(24px,4vw,36px);transition:all var(--transition-normal)}.about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.about-card-icon{font-size:28px;margin-bottom:16px;display:inline-block}.about-card h3{font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:12px}.about-card p{font-size:15px;line-height:1.65;color:var(--text-secondary)}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-header h2{font-size:38px;font-weight:900;margin-bottom:16px}.section-header p{font-size:16px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:32px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:32px;transition:all var(--transition-spring);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px}.feature-card:hover{transform:translateY(-8px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.feature-card.stripe-purple{border-top:4px solid var(--color-purple)}.feature-card.stripe-blue{border-top:4px solid var(--color-blue)}.feature-card.stripe-rose{border-top:4px solid var(--color-rose)}.feature-card.stripe-cyan{border-top:4px solid var(--color-cyan)}.feature-card.stripe-emerald{border-top:4px solid var(--color-emerald)}.feature-card.stripe-amber{border-top:4px solid var(--color-amber)}.feature-icon-wrapper{width:48px;height:48px;border-radius:12px;background:var(--accent-soft);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:20px}.feature-card h3{font-size:20px;font-weight:800}.feature-card p{font-size:14px;line-height:1.6}.sync-section{background:var(--bg-dark);color:#fff;border-radius:40px;margin:48px 24px;padding:80px 48px}.sync-section h2,.sync-section h3{color:#fff}.sync-section p{color:#a1a1aa}.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.sync-visualizer{display:flex;flex-direction:column;gap:16px;position:relative;background:#ffffff08;padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.08)}.sync-node{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:2;transition:all var(--transition-fast)}.sync-node.active{border-color:#fff6;background:#ffffff14}.sync-node-info{display:flex;align-items:center;gap:12px}.sync-node-text h4{font-size:14px;font-weight:700;margin-bottom:2px}.sync-node-text p{font-size:11px}.sync-status-indicator{font-size:11px;font-weight:700;padding:4px 8px;border-radius:20px}.sync-status-indicator.offline{background:#d9770626;color:#f59e0b}.sync-status-indicator.synced{background:#16a34a26;color:#4ade80}.sync-arrow{width:2px;height:24px;background:#ffffff26;align-self:center;position:relative}.sync-arrow:after{content:"↓";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);color:#ffffff26;font-size:12px}.sync-arrow.pulsing:after{animation:pulse-glow 1.5s infinite;color:#fff}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:0 auto}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:48px;display:flex;flex-direction:column;gap:32px;position:relative;box-shadow:var(--shadow-sm);transition:all var(--transition-spring)}.pricing-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.pricing-card.premium{border:2px solid var(--accent)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg-primary);font-size:11px;font-weight:700;padding:6px 16px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}.pricing-header h3{font-size:24px;font-weight:800;margin-bottom:8px}.pricing-header p{font-size:14px}.price{margin-top:16px;display:flex;align-items:baseline;gap:6px}.price .amount{font-family:var(--font-display);font-size:40px;font-weight:900;color:var(--text-primary)}.price .period{font-size:14px;color:var(--text-secondary)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:16px}.pricing-features li{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:12px}.pricing-features li:before{content:"✓";color:var(--text-primary);font-weight:700}.pricing-card.premium .pricing-features li:before{color:var(--color-emerald)}.pricing-dark-section{background:var(--bg-primary)}.pricing-dark-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto}.pricing-dark-card{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;padding:48px;display:flex;flex-direction:column;gap:28px;position:relative;box-shadow:var(--shadow-lg);transition:all var(--transition-spring)}.pricing-dark-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--shadow-lg),0 24px 48px #00000026}body.dark .pricing-dark-card:hover{box-shadow:var(--shadow-lg),0 24px 48px #ffffff0d}.pricing-dark-card.premium-dark{border:2px solid var(--accent)}.popular-badge-dark{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg-primary);font-size:11px;font-weight:800;padding:7px 18px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-md)}.pricing-dark-header{text-align:center}.pricing-dark-header h3{font-size:22px;font-weight:900;margin-bottom:8px;color:var(--text-primary)}.pricing-dark-header p{font-size:14px;color:var(--text-secondary);line-height:1.6}.price-dark{margin-top:16px;display:flex;align-items:baseline;justify-content:center;gap:6px}.price-dark .from-label{font-size:14px;color:var(--text-secondary);font-weight:500}.amount-dark{font-family:var(--font-display);font-size:52px;font-weight:900;color:var(--text-primary);line-height:1}.period-dark{font-size:14px;color:var(--text-secondary);margin-top:4px}.pricing-dark-features{list-style:none;display:flex;flex-direction:column;gap:14px;flex:1}.pricing-dark-features li{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:12px;transition:color var(--transition-fast)}.pricing-dark-features li:before{content:"✓";width:20px;height:20px;border-radius:6px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--accent);font-weight:800;flex-shrink:0}.pricing-dark-card.premium-dark .pricing-dark-features li:before{background:var(--accent);color:var(--bg-primary)}.pricing-dark-features li:hover{color:var(--text-primary)}.pricing-dark-card .btn{margin-top:8px;padding:16px 24px;font-size:15px;font-weight:700;border-radius:14px;transition:all var(--transition-normal)}.pricing-dark-card .btn-primary{background:var(--accent);color:var(--bg-primary);border:none;box-shadow:var(--shadow-md)}.pricing-dark-card .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--text-primary)}.pricing-dark-card .btn-secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary)}.pricing-dark-card .btn-secondary:hover{background:var(--accent-soft);border-color:var(--border)}.pricing-dark-disclaimer{text-align:center;font-size:13px;color:var(--text-tertiary);margin-top:24px;max-width:600px;margin-left:auto;margin-right:auto}.payment-dark-box{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;padding:48px clamp(24px,5vw,48px);margin-top:80px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.payment-dark-glow{position:absolute;top:-200px;right:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.03) 0%,transparent 70%);pointer-events:none}body.dark .payment-dark-glow{background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%)}.payment-dark-box h3{font-size:28px;font-weight:900;margin-bottom:16px;color:var(--text-primary);position:relative;z-index:1}.payment-dark-desc{font-size:16px;color:var(--text-secondary);margin-bottom:40px;position:relative;z-index:1;max-width:600px;margin-left:auto;margin-right:auto}.pay-dark-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:48px;text-align:left;position:relative;z-index:1}.pay-dark-step{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all var(--transition-normal)}.pay-dark-step:hover{background:var(--accent-soft);transform:translateY(-4px);border-color:var(--border-strong)}.pay-dark-num{width:36px;height:36px;border-radius:10px;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.pay-dark-step:hover .pay-dark-num{transform:scale(1.1) rotate(5deg)}.pay-dark-step span:last-child{font-size:14px;line-height:1.6;color:var(--text-secondary)}.payment-dark-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:48px;position:relative;z-index:1}.channel-dark-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;transition:all var(--transition-normal)}.channel-dark-card:hover{background:var(--accent-soft);border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.channel-dark-name{font-size:16px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.channel-dark-details{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);padding:6px 16px;border-radius:10px;transition:all var(--transition-fast)}.payment-dark-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;position:relative;z-index:1}.payment-dark-actions .btn{padding:16px 32px;font-size:15px;font-weight:700;border-radius:14px;min-width:180px}.payment-dark-actions .btn-primary{background:var(--accent);color:var(--bg-primary);border:none;box-shadow:var(--shadow-md)}.payment-dark-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--text-primary)}.payment-dark-actions .btn-secondary{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary)}.payment-dark-actions .btn-secondary:hover{background:var(--accent-soft);border-color:var(--border)}.payment-dark-contact{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:32px;font-size:13px;color:var(--text-secondary);position:relative;z-index:1}.payment-dark-contact a{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.payment-dark-contact a:hover{color:var(--accent)}.payment-box{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;padding:40px clamp(20px,5vw,48px);margin-top:80px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-lg),0 20px 40px #0000000a;position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.payment-box:before{content:"";position:absolute;top:-150px;right:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(109,40,217,.08) 0%,transparent 70%);z-index:0;pointer-events:none}.payment-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 30px 60px #00000014;border-color:var(--border-strong)}.payment-box h3{font-size:24px;font-weight:900;margin-bottom:12px;letter-spacing:-.02em;position:relative;z-index:1}.payment-box p{font-size:15px;color:var(--text-secondary);margin-bottom:32px;position:relative;z-index:1}.pay-steps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;margin-bottom:40px;text-align:left;position:relative;z-index:1}.pay-step-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all var(--transition-fast)}.pay-step-item:hover{background:var(--bg-card);transform:translateY(-2px);border-color:var(--color-purple);box-shadow:var(--shadow-sm)}.pay-step-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.pay-step-item:hover .pay-step-num{transform:scale(1.1);background:var(--color-purple)}.pay-step-item span:last-child{font-size:13px;line-height:1.5;color:var(--text-secondary)}.payment-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;position:relative;z-index:1}.channel-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.channel-card.cbe:hover{background:#6d28d908;border-color:var(--color-purple);box-shadow:0 10px 30px #6d28d914;transform:translateY(-3px)}.channel-card.telebirr:hover{background:#1d4ed808;border-color:var(--color-blue);box-shadow:0 10px 30px #1d4ed814;transform:translateY(-3px)}.channel-name{font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.channel-details{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);padding:4px 12px;border-radius:8px;transition:all var(--transition-fast)}.channel-card.cbe:hover .channel-details{border-color:#6d28d94d;color:var(--color-purple)}.channel-card.telebirr:hover .channel-details{border-color:#1d4ed84d;color:var(--color-blue)}#pricing{background:var(--bg-primary)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:960px;margin:0 auto}.pricing-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:28px;padding:48px;display:flex;flex-direction:column;gap:28px;position:relative;box-shadow:var(--shadow-lg),inset 0 1px #ffffff08;transition:all var(--transition-spring);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body:not(.dark) .pricing-card{background:linear-gradient(145deg,#00000005,#00000003)}.pricing-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--shadow-lg),0 24px 48px #00000026,inset 0 1px #ffffff0d}.pricing-card.premium{border:1px solid var(--accent);background:linear-gradient(145deg,#6d28d914,#6d28d908)}body:not(.dark) .pricing-card.premium{background:linear-gradient(145deg,#6d28d90f,#6d28d905)}.pricing-card.premium:hover{box-shadow:var(--shadow-lg),0 24px 48px #6d28d92e,inset 0 1px #6d28d91a}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent),var(--color-purple));color:var(--bg-primary);font-size:11px;font-weight:800;padding:7px 18px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 20px #6d28d959}.pricing-header{text-align:center}.pricing-header h3{font-size:22px;font-weight:900;margin-bottom:8px;color:var(--text-primary)}.pricing-header p{font-size:14px;color:var(--text-secondary);line-height:1.6}.price{margin-top:16px;display:flex;align-items:baseline;justify-content:center;gap:6px}.price .amount{font-family:var(--font-display);font-size:52px;font-weight:900;color:var(--text-primary);line-height:1}.price .period{font-size:14px;color:var(--text-secondary);margin-top:4px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:14px;flex:1}.pricing-features li{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:12px;transition:color var(--transition-fast)}.pricing-features li:before{content:"";width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#6d28d926,#6d28d90d);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--accent);font-weight:800;flex-shrink:0}.pricing-card.premium .pricing-features li:before{background:linear-gradient(135deg,var(--accent),var(--color-purple));color:#fff}.pricing-features li:hover{color:var(--text-primary)}.pricing-card .btn{margin-top:8px;padding:16px 24px;font-size:15px;font-weight:700;border-radius:14px;transition:all var(--transition-normal)}.pricing-card .btn-primary{background:linear-gradient(135deg,var(--accent),var(--color-purple));border:none;box-shadow:0 8px 24px #6d28d94d}.pricing-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6d28d973}.pricing-card .btn-secondary{background:#ffffff08;border:1px solid var(--border)}.pricing-card .btn-secondary:hover{background:#ffffff0f;border-color:var(--border-strong)}.payment-box{background:linear-gradient(145deg,#6d28d90f,#1d4ed80a,#00000005);border:1px solid var(--border);border-radius:32px;padding:56px clamp(24px,5vw,56px);margin-top:80px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-lg),0 24px 48px #0000001f,inset 0 1px #ffffff08;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal)}body:not(.dark) .payment-box{background:linear-gradient(145deg,#6d28d90d,#1d4ed808,#00000003)}.payment-box:before{content:"";position:absolute;top:-200px;right:-200px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(109,40,217,.12) 0%,transparent 70%);z-index:0;pointer-events:none}.payment-box:after{content:"";position:absolute;bottom:-150px;left:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(29,78,216,.08) 0%,transparent 70%);z-index:0;pointer-events:none}.payment-box:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 32px 64px #00000029,inset 0 1px #ffffff0d;border-color:var(--border-strong)}.payment-box h3{font-size:28px;font-weight:900;margin-bottom:16px;letter-spacing:-.02em;position:relative;z-index:1;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-box>p{font-size:16px;color:var(--text-secondary);margin-bottom:40px;position:relative;z-index:1;max-width:600px;margin-left:auto;margin-right:auto}.pay-steps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:48px;text-align:left;position:relative;z-index:1}.pay-step-item{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body:not(.dark) .pay-step-item{background:linear-gradient(145deg,#00000005,#00000003)}.pay-step-item:hover{background:linear-gradient(145deg,#6d28d90f,#ffffff05);transform:translateY(-4px);border-color:var(--color-purple);box-shadow:var(--shadow-md),0 16px 32px #6d28d91a}.pay-step-num{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--color-purple));color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;box-shadow:0 4px 16px #6d28d959;transition:all var(--transition-fast)}.pay-step-item:hover .pay-step-num{transform:scale(1.1) rotate(5deg)}.pay-step-item span:last-child{font-size:14px;line-height:1.6;color:var(--text-secondary)}.payment-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:48px;position:relative;z-index:1}.channel-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid var(--border);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body:not(.dark) .channel-card{background:linear-gradient(145deg,#00000005,#00000003)}.channel-card.cbe:hover{background:linear-gradient(145deg,#6d28d914,#6d28d908);border-color:var(--color-purple);box-shadow:0 16px 40px #6d28d926;transform:translateY(-4px)}.channel-card.telebirr:hover{background:linear-gradient(145deg,#1d4ed814,#1d4ed808);border-color:var(--color-blue);box-shadow:0 16px 40px #1d4ed826;transform:translateY(-4px)}.channel-name{font-size:16px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.channel-details{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);background:#ffffff05;border:1px solid var(--border);padding:6px 16px;border-radius:10px;transition:all var(--transition-fast)}body:not(.dark) .channel-details{background:#00000005}.channel-card.cbe:hover .channel-details{border-color:#6d28d94d;color:var(--color-purple);background:#6d28d90f}.channel-card.telebirr:hover .channel-details{border-color:#1d4ed84d;color:var(--color-blue);background:#1d4ed80f}.payment-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:32px;position:relative;z-index:1}.payment-actions .btn{padding:16px 32px;font-size:15px;font-weight:700;border-radius:14px;min-width:180px}.payment-actions .btn-primary{background:linear-gradient(135deg,var(--accent),var(--color-purple));border:none;box-shadow:0 8px 24px #6d28d94d}.payment-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6d28d973}.payment-actions .btn-secondary{background:#ffffff08;border:1px solid var(--border)}.payment-actions .btn-secondary:hover{background:#ffffff0f;border-color:var(--border-strong)}.payment-support-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:32px;font-size:13px;color:var(--text-secondary);position:relative;z-index:1}.payment-support-links a{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.payment-support-links a:hover{color:var(--accent)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:64px 0 32px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:64px;margin-bottom:48px}.footer-logo{display:flex;flex-direction:column;gap:16px}.footer-tagline{font-size:14px;line-height:1.6;max-width:280px}.footer-nav{display:flex;flex-direction:column;gap:16px}.footer-nav h4{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:12px;font-size:14px}.footer-nav a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);padding-top:32px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-tertiary);font-weight:500}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes pulse-glow{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.hero-glow-sphere{position:absolute;width:clamp(200px,40vw,450px);height:clamp(200px,40vw,450px);border-radius:50%;filter:blur(80px);z-index:-2;opacity:.45;pointer-events:none}.hero-glow-1{top:10%;right:-5%;background:radial-gradient(circle,rgba(0,0,0,.08) 0%,transparent 70%);animation:float 14s ease-in-out infinite alternate}body.dark .hero-glow-1{background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}.hero-glow-2{bottom:-5%;left:-5%;background:radial-gradient(circle,rgba(0,0,0,.06) 0%,transparent 70%);animation:float 18s ease-in-out infinite alternate-reverse}body.dark .hero-glow-2{background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%)}body.dark .hero-glow-sphere{opacity:.25}.mindmap-container{display:flex;flex-direction:column;align-items:center;margin-top:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:32px;padding:clamp(20px,4vw,48px);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.mindmap-canvas{width:100%;min-height:520px;display:flex;justify-content:center;align-items:center;position:relative;padding:40px 10px}.mindmap-root-node{background:var(--accent);color:var(--bg-primary);padding:16px 32px;border-radius:100px;font-weight:800;font-size:16px;z-index:10;box-shadow:var(--shadow-lg),0 0 20px #0000001a;text-align:center;cursor:pointer;border:2px solid transparent;transition:all var(--transition-spring)}.mindmap-root-node:hover{transform:scale(1.05)}.mindmap-branches{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:clamp(16px,3vw,60px);z-index:2;pointer-events:none}.mindmap-branch-column{display:flex;flex-direction:column;gap:24px;pointer-events:auto}.mindmap-branch-left{align-items:flex-end;text-align:right}.mindmap-branch-right{align-items:flex-start;text-align:left}.mindmap-subnode{background:var(--bg-card);border:1.5px solid var(--border);border-radius:20px;padding:16px 24px;min-width:170px;max-width:260px;cursor:pointer;transition:all var(--transition-spring);box-shadow:var(--shadow-sm);position:relative;z-index:5}.mindmap-subnode:hover{transform:translateY(-4px) scale(1.02);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.mindmap-subnode.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),var(--shadow-md),0 0 20px var(--accent-glow)}body.dark .mindmap-subnode.active{box-shadow:0 0 0 2px var(--accent),var(--shadow-md),0 0 20px var(--accent-glow)}.mindmap-subnode h4{font-size:13px;font-weight:800;margin-bottom:4px}.mindmap-subnode p{font-size:11px;line-height:1.4;color:var(--text-secondary)}.mindmap-svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.mindmap-path{fill:none;stroke:var(--border-strong);stroke-width:2;stroke-dasharray:6 6;opacity:.35;transition:all var(--transition-normal)}.mindmap-path.active{stroke:var(--accent);stroke-width:3.5;stroke-dasharray:8 4;opacity:1;animation:mindmap-flow 25s linear infinite;filter:drop-shadow(0 0 4px var(--accent-glow))}@keyframes mindmap-flow{0%{stroke-dashoffset:500}to{stroke-dashoffset:0}}.mindmap-detail-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,48px);width:100%;max-width:800px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:24px;padding:clamp(20px,3.5vw,36px);margin-top:clamp(24px,4vw,40px);box-shadow:var(--shadow-md);align-items:center;position:relative;z-index:5;transition:all var(--transition-normal)}.mindmap-detail-info{display:flex;flex-direction:column;gap:14px}.mindmap-detail-badge{align-self:flex-start;background:var(--accent-soft);color:var(--text-primary);padding:6px 12px;border-radius:100px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border)}.mindmap-detail-title{font-size:20px;font-weight:800;letter-spacing:-.01em}.mindmap-detail-text{font-size:13px;line-height:1.6;color:var(--text-secondary)}.mindmap-detail-visual{background:var(--bg-secondary);border:1.5px solid var(--border);border-radius:20px;padding:clamp(16px,3vw,28px);min-height:180px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000005}body.dark .mindmap-detail-visual{box-shadow:inset 0 2px 8px #0003}.mindmap-preview-notes{display:flex;flex-direction:column;gap:8px;text-align:left}.mindmap-preview-notes .preview-heading{font-size:11px;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.mindmap-preview-notes .preview-list{list-style:none;display:flex;flex-direction:column;gap:8px}.mindmap-preview-notes .preview-list li{font-size:12px;line-height:1.4;color:var(--text-secondary)}.mindmap-preview-notes .bullet{color:var(--color-purple);margin-right:6px;font-weight:800}.mindmap-preview-voice{display:flex;flex-direction:column;gap:12px;text-align:left}.mindmap-preview-voice .audio-wave{display:flex;gap:4px;align-items:center;height:36px;margin-bottom:4px}.mindmap-preview-voice .wave-bar{width:3px;border-radius:10px;background:var(--color-cyan);transform-origin:bottom}.mindmap-preview-voice .bar-1{height:24px;animation:wave-pulse 1.2s infinite ease-in-out}.mindmap-preview-voice .bar-2{height:32px;animation:wave-pulse .8s infinite ease-in-out .2s}.mindmap-preview-voice .bar-3{height:16px;animation:wave-pulse 1s infinite ease-in-out .4s}.mindmap-preview-voice .bar-4{height:40px;animation:wave-pulse 1.4s infinite ease-in-out .1s}.mindmap-preview-voice .bar-5{height:20px;animation:wave-pulse 1.1s infinite ease-in-out .3s}@keyframes wave-pulse{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.mindmap-preview-voice .preview-transcript{font-size:11px;font-style:italic;color:var(--text-secondary);line-height:1.4}.mindmap-preview-voice .preview-transcript .speaker{font-weight:800;color:var(--text-primary);margin-right:4px}.mindmap-preview-voice .preview-translation{font-size:11px;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--text-primary)}.mindmap-preview-voice .badge-eng{background:var(--color-cyan);color:#fff;font-size:9px;font-weight:900;padding:2px 6px;border-radius:4px;text-transform:uppercase}.mindmap-preview-cards{height:140px;width:100%;perspective:1000px}.preview-card-flip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.preview-card-flip.flipped{transform:rotateY(180deg)}.preview-card-flip .card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);padding:16px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;box-shadow:var(--shadow-sm)}.preview-card-flip .card-back{transform:rotateY(180deg);background:var(--accent-soft);border-color:var(--border-strong)}.preview-card-flip .card-lbl{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:6px;letter-spacing:.05em}.preview-card-flip .card-face p{font-size:12px;font-weight:700;color:var(--text-primary);line-height:1.4}.preview-card-flip .card-tap-hint{font-size:9px;text-align:center;color:var(--text-tertiary);font-weight:700}.mindmap-preview-exam{display:flex;flex-direction:column;gap:10px;text-align:left}.mindmap-preview-exam .exam-score-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800}.mindmap-preview-exam .badge-high{background:var(--color-rose);color:#fff;padding:3px 8px;border-radius:100px;font-size:9px;font-weight:900}.mindmap-preview-exam .exam-question-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px}.mindmap-preview-exam .exam-question-box strong{font-size:11px;color:var(--color-rose);text-transform:uppercase;letter-spacing:.02em}.mindmap-preview-exam .exam-question-box p{font-size:11px;line-height:1.3;color:var(--text-secondary);margin-top:4px}.mindmap-preview-exam .exam-footer{font-size:9px;color:var(--text-tertiary);line-height:1.3}.mindmap-preview-quiz{display:flex;flex-direction:column;gap:6px;text-align:left}.quiz-option{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:10px;color:var(--text-secondary);transition:all var(--transition-fast);position:relative}.quiz-option.correct{border-color:var(--color-emerald);background:#0478570d;color:var(--text-primary)}.quiz-letter{width:18px;height:18px;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:var(--text-primary);flex-shrink:0}.quiz-option.correct .quiz-letter{background:var(--color-emerald);color:#fff}.quiz-check{margin-left:auto;color:var(--color-emerald);font-weight:900;font-size:10px}.quiz-footer{font-size:8px;color:var(--text-tertiary);font-weight:600;margin-top:4px;font-style:italic}.mindmap-preview-tutor{display:flex;flex-direction:column;gap:6px;text-align:left}.tutor-bubble{max-width:90%;padding:6px 10px;border-radius:10px;font-size:9px;line-height:1.4}.tutor-bubble.tutor-in{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-bottom-left-radius:2px}.tutor-bubble.tutor-out{align-self:flex-end;background:#6d28d91a;border:1px solid rgba(109,40,217,.15);color:var(--text-primary);border-bottom-right-radius:2px}.tutor-last{opacity:.7}.tutor-typing{align-self:flex-start;display:flex;gap:3px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px 10px 10px 2px}.tutor-dot{width:4px;height:4px;border-radius:50%;background:var(--text-tertiary);animation:tutor-pulse 1.2s infinite ease-in-out}.tutor-dot:nth-child(2){animation-delay:.2s}.tutor-dot:nth-child(3){animation-delay:.4s}@keyframes tutor-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.testimonials-section{background:var(--bg-primary);padding:96px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:32px;margin-top:48px}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:20px;transition:all var(--transition-spring)}.testimonial-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.testimonial-rating{color:var(--color-amber);font-size:14px;display:flex;gap:4px}.testimonial-text{font-size:14px;line-height:1.6;font-style:italic;color:var(--text-secondary)}.testimonial-user{display:flex;align-items:center;gap:12px;margin-top:auto}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--text-primary);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);text-transform:uppercase}.testimonial-info h4{font-size:13px;font-weight:800}.testimonial-info p{font-size:11px;color:var(--text-tertiary);font-weight:600}.faq-section{background:var(--bg-secondary);padding:96px 0}.faq-container{max-width:760px;margin:48px auto 0;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:all var(--transition-normal)}.faq-header{width:100%;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;text-align:left;cursor:pointer;font-weight:700;font-size:15px;color:var(--text-primary);gap:16px}.faq-header:hover{background:var(--accent-soft)}.faq-icon{font-size:18px;color:var(--text-tertiary);transition:transform var(--transition-normal);line-height:1}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-out,padding var(--transition-normal);padding:0 28px}.faq-item.active .faq-content{max-height:200px;padding-bottom:24px}.faq-content p{font-size:13px;line-height:1.6;color:var(--text-secondary)}.install-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:36px;text-align:left}.install-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;position:relative;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.install-card-num{font-size:11px;font-weight:900;color:var(--text-tertiary);background:var(--accent-soft);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.install-card h4{font-size:15px;font-weight:800}.install-card p{font-size:12px;line-height:1.5}.sim-typing-cursor{display:inline-block;width:2px;height:12px;background-color:var(--text-primary);margin-left:2px;animation:pulse-glow 1s infinite}.ai-superpowers-section{background:var(--bg-secondary);padding:96px 0}.ai-superpowers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}.ai-power-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:all var(--transition-spring);box-shadow:var(--shadow-sm)}.ai-power-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.ai-power-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;transition:transform var(--transition-fast)}.ai-power-card:hover .ai-power-icon{transform:scale(1.1)}.ai-power-card h3{font-size:17px;font-weight:800;color:var(--text-primary)}.ai-power-card p{font-size:13px;line-height:1.6;color:var(--text-secondary)}.for-all-section{padding:96px 0}.for-all-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:40px;padding:clamp(40px,6vw,80px) clamp(24px,5vw,64px);text-align:center;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}body.dark .for-all-box{background:var(--bg-secondary);border:1px solid var(--border)}.for-all-box:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.03) 0%,transparent 70%);pointer-events:none}body.dark .for-all-box:before{background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%)}.for-all-box:after{content:"";position:absolute;bottom:-100px;left:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.02) 0%,transparent 70%);pointer-events:none}body.dark .for-all-box:after{background:radial-gradient(circle,rgba(255,255,255,.02) 0%,transparent 70%)}.for-all-box h2{font-size:clamp(28px,4vw,42px);font-weight:900;color:var(--text-primary);position:relative;z-index:1}.for-all-subtitle{font-size:16px;max-width:600px;color:var(--text-secondary)!important;position:relative;z-index:1}.for-all-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%;max-width:700px;position:relative;z-index:1}.for-all-point{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 20px;text-align:left;transition:all var(--transition-fast)}.for-all-point:hover{background:var(--accent-soft);transform:translateY(-2px)}.for-all-check{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}.for-all-point span:last-child{font-size:14px;font-weight:600;color:var(--text-primary)}.for-all-box .btn-primary{background:var(--accent);color:var(--bg-primary);position:relative;z-index:1}.for-all-box .btn-primary:hover{background:var(--text-primary);box-shadow:var(--shadow-md)}@media (max-width: 991px){section{padding:72px 0}.hero-grid{grid-template-columns:1fr;gap:48px;text-align:center}.hero-content{max-width:100%;margin:0 auto}.hero-buttons,.hero-stats{justify-content:center}.showcase-grid{grid-template-columns:1fr;gap:48px}.showcase-display{order:-1}.sync-grid{grid-template-columns:1fr;gap:48px}.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.ai-superpowers-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}.for-all-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.pricing-dark-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.about-grid{grid-template-columns:1fr;gap:48px;text-align:center}.about-lead,.about-text{max-width:100%}.about-cards{max-width:400px;margin:0 auto}}@media (max-width: 767px){.navbar{padding:12px 0}.navbar-container{flex-direction:row;justify-content:space-between;align-items:center}.nav-links{display:none}.nav-brand span{font-size:20px}.brand-logo-img{width:28px;height:28px}.brand-logo-fallback{width:28px;height:28px;font-size:14px}.hero-title{font-size:40px}.hero-description{font-size:15px;margin-bottom:32px}.showcase-selector{flex-direction:row;overflow-x:auto;padding:8px 4px 16px;gap:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none}.showcase-selector::-webkit-scrollbar{display:none}.showcase-btn{flex-direction:column;gap:6px;padding:12px 16px;min-width:130px;max-width:150px;scroll-snap-align:start;flex-shrink:0;border-radius:16px;align-items:center;text-align:center;box-shadow:var(--shadow-sm)}.showcase-btn:hover{transform:none}.showcase-btn.active{transform:scale(1.05)}.showcase-num{width:24px;height:24px;font-size:11px;border-radius:6px}.showcase-btn-text h3{font-size:13px;margin-bottom:0}.showcase-btn-text p{display:none}.sync-section{padding:48px 24px;margin:24px 12px}.footer-grid{grid-template-columns:1fr;gap:32px}.pricing-dark-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.payment-dark-box{padding:32px 20px}.pay-dark-steps,.payment-dark-channels{grid-template-columns:1fr}.payment-dark-actions{flex-direction:column;align-items:stretch}.payment-dark-actions .btn{width:100%}}@media (max-width: 480px){section{padding:56px 0}.badge{margin-bottom:16px}.hero-title{font-size:32px}.hero-buttons{flex-direction:column;width:100%;gap:12px}.hero-buttons .btn{width:100%;padding:14px 20px;font-size:14px}.hero-stats{gap:24px;margin-top:36px;padding-top:24px}.stat-item h4{font-size:24px}.stat-item p{font-size:11px}.phone-mockup{transform:scale(.85);margin:-30px auto}.section-header h2{font-size:28px}.section-header{margin-bottom:40px}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px}.feature-card h3{font-size:18px}.for-all-grid{grid-template-columns:1fr}.for-all-point{padding:10px 14px}.sync-section{border-radius:20px;margin:16px 8px;padding:40px 20px}.sync-visualizer{padding:16px 12px}.sync-node{padding:12px;flex-wrap:wrap;gap:8px}.sync-node-text h4{font-size:12px}.sync-node-text p{font-size:10px}.pricing-card{padding:32px 20px}.pricing-header h3{font-size:20px}.price .amount{font-size:32px}.payment-box{padding:24px 16px;margin-top:40px}.payment-box .btn{width:100%!important;display:flex!important;text-align:center;justify-content:center}.payment-channels{flex-direction:column;gap:12px}.channel-card{min-width:100%;padding:16px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.nav-actions{gap:8px}.select-btn{padding:6px 8px;font-size:12px}.ai-power-card{padding:20px}.ai-power-card h3{font-size:15px}.ai-power-card p{font-size:12px}.for-all-box{padding:40px 20px;border-radius:24px}.for-all-grid{grid-template-columns:1fr 1fr;gap:10px}.for-all-point{padding:12px 16px}.for-all-point span:last-child{font-size:12px}.about-grid{grid-template-columns:1fr;gap:32px;text-align:center}.about-lead,.about-text{max-width:100%}.about-cards{grid-template-columns:1fr 1fr;gap:16px}.about-card{padding:20px}.about-card h3{font-size:17px}.about-card p{font-size:13px}.pricing-grid{grid-template-columns:1fr;gap:20px}.pricing-card{padding:36px 24px}.price .amount{font-size:44px}.payment-box{padding:36px 20px;border-radius:24px;margin-top:48px}.payment-box h3{font-size:24px}.payment-box>p{font-size:14px}.pay-steps-list{grid-template-columns:1fr;gap:16px}.pay-step-item{padding:20px}.payment-channels{grid-template-columns:1fr;gap:16px}.channel-card{padding:24px}.payment-actions{flex-direction:column;align-items:stretch}.payment-actions .btn{width:100%;min-width:auto}.payment-support-links{flex-direction:column;gap:12px}}@media (max-width: 360px){.hero-title{font-size:26px}.hero-stats{flex-wrap:wrap;gap:16px}.stat-item{min-width:80px}.section-header h2{font-size:24px}.nav-brand span{font-size:18px}.select-btn{display:none}.sync-section{margin:12px 4px;padding:32px 14px}}@media (max-width: 767px){.mindmap-svg-overlay{display:none!important}.mindmap-canvas{min-height:auto;padding:20px 0}.mindmap-branches{position:relative;grid-template-columns:1fr;gap:24px;inset:auto;pointer-events:auto}.mindmap-branch-column{align-items:center!important;text-align:center!important;gap:24px;width:100%}.mindmap-branch-left,.mindmap-branch-right{align-items:center!important;text-align:center!important}.mindmap-subnode{width:100%;max-width:320px;min-width:0;text-align:center}.mindmap-detail-panel{grid-template-columns:1fr;gap:24px;padding:24px 20px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade-in .3s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;width:90%;max-width:460px;padding:clamp(24px,6vw,36px);box-shadow:var(--shadow-lg),0 20px 40px #00000026;text-align:center;position:relative;animation:modal-scale-in .4s cubic-bezier(.34,1.56,.64,1)}.modal-close-btn{position:absolute;top:18px;right:18px;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);line-height:1}.modal-close-btn:hover{background:var(--accent-soft);color:var(--text-primary)}.modal-icon-wrap{width:72px;height:72px;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:var(--shadow-sm)}.modal-title{font-size:22px;font-weight:900;margin-bottom:12px;line-height:1.3;color:var(--text-primary);font-family:var(--font-display)}.modal-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-input{width:100%;height:48px;border-radius:12px;border:1.5px solid var(--border);background:var(--bg-secondary);padding:0 16px;font-size:14px;color:var(--text-primary);transition:all var(--transition-fast);font-family:var(--font-body)}.modal-input:focus{border-color:var(--color-purple);outline:none;background:var(--bg-card);box-shadow:0 0 0 3px #6d28d926}.modal-submit-btn{width:100%;height:48px;border-radius:12px;font-size:14px;font-weight:700}.modal-success-state{display:flex;flex-direction:column;align-items:center;padding:10px 0}.success-icon{width:56px;height:56px;border-radius:50%;background:#0478571a;color:var(--color-emerald);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-success-state h4{font-size:18px;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.modal-success-state p{font-size:14px;color:var(--text-secondary);line-height:1.4}.modal-done-btn{width:100%;height:48px;border-radius:12px;margin-top:20px}.modal-footer-notes{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.modal-footer-notes p{font-size:11px;color:var(--text-tertiary);margin-bottom:0}.telegram-link{font-size:12px;font-weight:700;color:var(--color-purple);transition:opacity .2s}.telegram-link:hover{opacity:.8}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.install-app-popout{position:fixed;bottom:28px;right:28px;z-index:9999;width:410px;background:linear-gradient(135deg,#10b9811f,#06b6d414),var(--bg-card, #1e1e20);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1.5px solid rgba(16,185,129,.4);border-radius:22px;padding:22px 24px;box-shadow:0 20px 50px #00000059,0 0 30px #10b98133;display:flex;flex-direction:column;gap:16px;animation:popout-slide-in .45s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.install-app-popout:hover{transform:translateY(-2px);box-shadow:0 24px 60px #00000073,0 0 40px #10b9814d;border-color:#10b98199}@keyframes popout-slide-in{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.popout-header{display:flex;align-items:center;gap:14px}.popout-icon-wrap{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 20px #10b98166}.popout-titles{display:flex;flex-direction:column;flex:1}.popout-title{font-size:16px;font-weight:800;color:var(--text-primary, #ffffff);line-height:1.25;letter-spacing:-.01em}.popout-subtitle{font-size:13px;color:var(--text-secondary, #a1a1aa);line-height:1.4;margin-top:4px}.popout-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.btn-install-app{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;border:none;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 6px 20px #10b98159;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-install-app:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.btn-not-now{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary, #a1a1aa);border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-not-now:hover{background:#ffffff1f;color:var(--text-primary, #ffffff);border-color:#ffffff4d}.install-app-mobile-card{display:none;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin:10px 16px 0;box-shadow:var(--shadow-sm);align-items:center;justify-content:space-between;gap:10px}.install-app-mobile-card .mobile-card-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.install-app-mobile-card .mobile-card-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#10b981,#047857);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.install-app-mobile-card .mobile-card-text{display:flex;flex-direction:column;min-width:0}.install-app-mobile-card .mobile-card-title{font-size:12px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-app-mobile-card .mobile-card-sub{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-app-mobile-card .mobile-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-mobile-install{background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.btn-mobile-close{background:transparent;border:none;color:var(--text-tertiary);font-size:11px;font-weight:600;padding:6px 4px;cursor:pointer}@media (max-width: 768px){.install-app-popout{display:none!important}.install-app-mobile-card{display:flex}}