*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--green:#4a8f4a;--green-light:#5ea85e;--green-dark:#2d6a2d;--bg:#f0f6f0;--bg2:#e4ede4;--bg3:#d8e8d8;--glass:rgba(255,255,255,0.72);--glass-border:rgba(255,255,255,0.88);--text:#0e1b0e;--text2:#3a5a3a;--text3:#7a9a7a;--font-head:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--radius:16px;--radius-sm:8px;--shadow:0 8px 32px rgba(0,0,0,0.1);--shadow-green:0 0 40px rgba(74,143,74,0.2);--shadow-glass:0 4px 24px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.95);--nav-bg:rgba(240,246,240,0.88);--surface:rgba(255,255,255,0.6);--surface2:rgba(255,255,255,0.8);--surface3:rgba(255,255,255,0.92);--border:rgba(0,0,0,0.1);--border-soft:rgba(0,0,0,0.06);--glass-border-color:rgba(255,255,255,0.9);--input-bg:rgba(255,255,255,0.7);--input-border:rgba(0,0,0,0.12);--overlay:rgba(0,0,0,0.35);--modal-bg:rgba(255,255,255,0.96);--code-bg:#e4eee4;--code-text:#1a3a1a;--sidebar-bg:rgba(232,242,232,0.95);--sidebar-border:rgba(0,0,0,0.08);--studio-bg:#edf4ed;--scrollbar-thumb:rgba(0,0,0,0.18);--scrollbar-track:rgba(0,0,0,0.04);--grad1:rgba(74,143,74,0.28);--grad2:rgba(34,120,34,0.20);--grad3:rgba(100,180,80,0.18);--grad4:rgba(16,150,100,0.14);--grad5:rgba(120,200,80,0.12);--invert:invert(0);--notif-bg:#fff;--feat-card-bg:rgba(255,255,255,0.65)}[data-theme=dark]{--green:#75ba75;--green-light:#9fd09f;--green-dark:#4a8f4a;--bg:#060a0e;--bg2:#0c1218;--bg3:#101820;--glass:rgba(255,255,255,0.04);--glass-border:rgba(255,255,255,0.08);--text:#f0f4f0;--text2:#8ba98b;--text3:#4a6a4a;--shadow:0 8px 32px rgba(0,0,0,0.4);--shadow-green:0 0 40px rgba(117,186,117,0.15);--nav-bg:rgba(6,10,14,0.85);--surface:rgba(255,255,255,0.04);--surface2:rgba(255,255,255,0.07);--surface3:rgba(255,255,255,0.11);--border:rgba(255,255,255,0.09);--border-soft:rgba(255,255,255,0.05);--input-bg:rgba(255,255,255,0.05);--input-border:rgba(255,255,255,0.12);--overlay:rgba(0,0,0,0.72);--modal-bg:#0c1218;--code-bg:#101820;--code-text:#86efac;--sidebar-bg:#0c1218;--sidebar-border:rgba(255,255,255,0.07);--studio-bg:#080d10;--scrollbar-thumb:rgba(255,255,255,0.18);--scrollbar-track:rgba(255,255,255,0.03);--grad1:rgba(117,186,117,0.09);--grad2:rgba(74,143,74,0.07);--grad3:rgba(159,208,159,0.05);--grad4:rgba(74,143,74,0.06);--grad5:rgba(94,168,94,0.04);--invert:invert(1);--notif-bg:#0c1218;--feat-card-bg:rgba(255,255,255,0.03)}html{scroll-behavior:smooth}body,html{transition:background .25s,color .25s}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 90% 70% at 15% 8%,var(--grad1) 0,transparent 55%),radial-gradient(ellipse 70% 90% at 85% 92%,var(--grad2) 0,transparent 55%),radial-gradient(ellipse 50% 50% at 55% 25%,var(--grad3) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 90% 15%,var(--grad4) 0,transparent 50%),radial-gradient(ellipse 45% 55% at 10% 80%,var(--grad5) 0,transparent 50%),radial-gradient(ellipse 35% 35% at 50% 70%,var(--grad1) 0,transparent 45%),radial-gradient(ellipse 80% 30% at 30% 50%,var(--grad2) 0,transparent 40%);will-change:transform;transform:translateZ(0);animation:gradShift 18s ease-in-out infinite alternate}@keyframes gradShift{0%{transform:scale(1) translate(0)}33%{transform:scale(1.06) translate(-1.5%,2%)}66%{transform:scale(1.03) translate(2%,-1%)}to{transform:scale(1.08) translate(-1%,1.5%)}}.grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0);background-size:104px 104px;background-position:50%;mask-image:radial-gradient(ellipse 75% 60% at 50% 28%,#000 35%,transparent 88%)}[data-theme=light] .grid-bg{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0)}.glass{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius)}[data-theme=light] .glass{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-glass)}[data-theme=light] .feat-card{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.88);box-shadow:0 2px 20px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.95)}[data-theme=light] .feat-card:hover{background:rgba(255,255,255,.82);box-shadow:0 8px 40px rgba(74,143,74,.14),inset 0 1px 0 rgba(255,255,255,1);border-color:rgba(74,143,74,.25)}[data-theme=light] .blog-card{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.88);box-shadow:0 2px 16px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.9)}[data-theme=light] .blog-card:hover{background:rgba(255,255,255,.88);box-shadow:0 12px 40px rgba(74,143,74,.12),inset 0 1px 0 rgba(255,255,255,1)}[data-theme=light] .blog-featured{border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 32px rgba(0,0,0,.07)}[data-theme=light] .blog-featured-body{background:rgba(255,255,255,.75);backdrop-filter:blur(16px)}[data-theme=light] .hero-quick-btn{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.88);box-shadow:0 2px 12px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.95)}[data-theme=light] .hero-quick-btn:hover{background:rgba(255,255,255,.88);border-color:rgba(74,143,74,.3);box-shadow:0 4px 20px rgba(74,143,74,.12)}[data-theme=light] .hero-input-wrap{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 32px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,1)}[data-theme=light] .hero-input-wrap:focus-within{border-color:rgba(74,143,74,.5);box-shadow:0 0 0 3px rgba(74,143,74,.1),0 4px 32px rgba(0,0,0,.08)}[data-theme=light] .community-card{background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.88);box-shadow:0 2px 16px rgba(0,0,0,.05)}[data-theme=light] .community-card:hover{background:rgba(255,255,255,.85);border-color:rgba(74,143,74,.25);box-shadow:0 8px 32px rgba(74,143,74,.12)}[data-theme=light] .modal{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 60px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,1);backdrop-filter:blur(24px)}[data-theme=light] .admin-seo-panel{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.88);box-shadow:0 2px 12px rgba(0,0,0,.05)}[data-theme=light] .nav{background:rgba(240,246,240,.82);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 1px 20px rgba(0,0,0,.06)}[data-theme=light] .sidebar{background:rgba(232,244,232,.88);border-right:1px solid rgba(255,255,255,.75)}[data-theme=light] .showcase-tag{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.85);box-shadow:0 1px 8px rgba(0,0,0,.05)}[data-theme=light] .trust-logo{color:rgba(74,143,74,.45)}[data-theme=light] .notif-item{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(0,0,0,.08)}.btn-primary{background:linear-gradient(135deg,var(--green) 0,var(--green-dark) 100%);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px 24px;font-family:var(--font-body);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(74,143,74,.25)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--surface3),transparent);transition:left .5s}.btn-primary:hover:after{left:100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(74,143,74,.35)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 20px;font-family:var(--font-body);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:var(--green);color:var(--green);background:var(--surface)}.btn-danger{background:transparent;color:#e55;border:1px solid rgba(220,80,80,.3);border-radius:var(--radius-sm);padding:10px 20px;font-family:var(--font-body);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-danger:hover{background:rgba(220,80,80,.06);border-color:rgba(220,80,80,.6)}.grad-text{background:linear-gradient(135deg,var(--green-light) 0,var(--green) 50%,var(--green-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-sizing:border-box;flex-wrap:wrap;gap:0;transition:background .25s;will-change:backdrop-filter}.nav-burger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0;margin-right:10px}.nav-burger:hover{background:var(--surface)}.nav-login-btn{padding:8px 16px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.nav-login-btn:hover{border-color:var(--green);color:var(--green-light)}.nav-mobile-menu{display:none}.nav-logo{font-family:var(--font-head);font-weight:800;font-size:22px;display:flex;align-items:center;gap:8px;cursor:pointer}.nav-logo-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);animation:pulse 2s infinite;flex-shrink:0;align-self:center}.zc-logo-img{height:24px;width:auto;display:block}.zc-logo-img.sm{height:18px}.zc-logo-img.lg{height:28px}.zc-logo-img.theme-light{display:block}.zc-logo-img.theme-dark,[data-theme=dark] .zc-logo-img.theme-light{display:none}[data-theme=dark] .zc-logo-img.theme-dark{display:block}.zc-logo-mark{display:none}@media(max-width:380px){.nav-logo .zc-logo-full{display:none!important}.nav-logo .zc-logo-mark{display:block!important}}.zc-page-sparks{display:none;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}[data-theme=dark] .zc-page-sparks{display:block}.zc-spark{position:absolute;color:#bbf7d0;opacity:0;line-height:1;animation:zcSpark 3.4s ease-in-out infinite;text-shadow:0 0 8px #22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text2);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;cursor:pointer}.nav-link:hover{color:var(--text)}.nav-sale-badge{display:inline-flex;align-items:center;font-size:9px;font-weight:800;line-height:1;letter-spacing:.2px;color:#06210f;padding:2px 7px;border-radius:100px;background:linear-gradient(135deg,#8fe388,#46c46a);box-shadow:0 2px 8px rgba(70,196,106,.35);white-space:nowrap}.nav-links .nav-sale-badge{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%)}.nav-mobile-menu .nav-sale-badge{margin-left:6px}.nav-actions{display:flex;align-items:center;gap:10px}@media (max-width:1280px){.nav{padding:14px 28px}.nav-links{gap:22px}}@media (max-width:1180px){.nav-link-pri3{display:none}}@media (max-width:1040px){.nav-link-pri2{display:none}}@media (max-width:900px){.nav-link-pri1{display:none}}.lang-btn{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;color:var(--text2);transition:all .2s;font-family:var(--font-body)}.lang-btn.active,.lang-btn:hover{border-color:var(--green);color:var(--green)}.lang-btn.active,.topbar-credits-chip{background:var(--surface2)}.topbar-credits-chip{display:flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .18s;flex-shrink:0}.topbar-credits-chip:hover{border-color:var(--green);background:var(--surface3)}[data-theme=light] .topbar-credits-chip{background:rgba(255,255,255,.7);box-shadow:0 1px 6px rgba(0,0,0,.06)}.academy-modal-overlay{position:fixed;inset:0;background:var(--overlay);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);animation:fadeIn .2s}.academy-modal{background:var(--bg2);border:1px solid var(--border);border-radius:24px;width:100%;max-width:860px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s;box-shadow:0 24px 80px rgba(0,0,0,.25)}[data-theme=light] .academy-modal{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 80px rgba(0,0,0,.12)}.academy-modal-header{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0}.academy-modal-body{overflow-y:auto;flex:1;padding:20px 22px 24px}.academy-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.academy-course-card{border-radius:14px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .2s;overflow:hidden}.academy-course-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.12);border-color:rgba(167,139,250,.35)}[data-theme=light] .academy-course-card{background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.88);box-shadow:0 2px 12px rgba(0,0,0,.05)}[data-theme=light] .academy-course-card:hover{background:rgba(255,255,255,.92);box-shadow:0 8px 32px rgba(167,139,250,.12)}.academy-course-thumb{height:88px;display:flex;align-items:center;justify-content:center;font-size:34px;background:linear-gradient(135deg,rgba(167,139,250,.1),rgba(139,92,246,.04))}.academy-course-body{padding:10px 12px 12px}.academy-course-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.35}.academy-course-meta{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:6px;margin-top:6px}.academy-free-badge{background:rgba(74,222,128,.12);color:#4ade80}.academy-free-badge,.academy-paid-badge{padding:2px 7px;border-radius:100px;font-size:10px;font-weight:700}.academy-paid-badge{background:rgba(167,139,250,.12);color:#c4b5fd}.nav-credits-chip{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .18s;flex-shrink:0}.nav-credits-chip:hover{border-color:var(--green);background:var(--surface3)}.nav-credits-icon{font-size:14px;line-height:1}.nav-credits-val{font-family:var(--font-head);font-weight:800;font-size:14px;color:var(--text)}.nav-credits-plus{font-size:12px;color:var(--green);font-weight:700}[data-theme=light] .nav-credits-chip{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.1);box-shadow:0 1px 6px rgba(0,0,0,.05)}[data-theme=light] .nav-credits-chip:hover{background:rgba(255,255,255,.9);border-color:var(--green)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .2s;color:var(--text2);flex-shrink:0}.theme-toggle:hover{border-color:var(--green);color:var(--green);background:var(--surface2)}.theme-toggle svg{transition:transform .35s,opacity .2s}.theme-toggle:hover svg{transform:rotate(20deg)}.hero{display:flex;justify-content:center;text-align:center;padding:120px 20px 60px;position:relative;z-index:1}.hero,.hero-badge{align-items:center}.hero-badge{display:inline-flex;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:6px 16px;font-size:13px;color:var(--green);margin-bottom:32px}.hero-title{font-family:var(--font-head);font-size:clamp(40px,7vw,80px);font-weight:800;line-height:1.1;margin-bottom:24px}.hero-sub{font-size:clamp(16px,2vw,20px);color:var(--text2);max-width:600px;margin:0 auto 32px}.hero-input-wrap{max-width:680px;margin:0 auto;background:var(--input-bg);border:1px solid var(--border);border-radius:20px;padding:8px;display:flex;gap:8px;align-items:flex-end;backdrop-filter:blur(20px);box-shadow:var(--shadow),inset 0 1px 0 var(--surface2);transition:all .3s}.hero-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 80px var(--grad1)}.hero-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:16px;padding:12px 16px;resize:none;min-height:52px;max-height:160px;line-height:1.5}.hero-input::placeholder{color:var(--text3)}.hero-input-box{position:relative;flex:1;min-width:0;display:flex}.hero-hint{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-start;color:var(--text3);font-family:var(--font-body);font-size:16px;line-height:1.5;padding:12px 16px;white-space:nowrap;overflow:hidden}.hero-hint-caret{display:inline-block;width:2px;height:1.2em;margin-left:2px;background:var(--text3);opacity:.65;animation:zcHeroCaret 1s steps(1) infinite;align-self:center}@keyframes zcHeroCaret{0%,49%{opacity:.65}50%,to{opacity:0}}.hero-send-btn{background:linear-gradient(135deg,var(--green),var(--green-dark));border:none;border-radius:14px;padding:12px 20px;cursor:pointer;color:#fff;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;transition:all .2s;white-space:nowrap;min-width:140px;justify-content:center;box-shadow:0 4px 20px rgba(117,186,117,.4);font-family:var(--font-body)}.hero-send-btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(117,186,117,.5)}.hero-quick-btns{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.hero-quick-btn{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--text2);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .2s;white-space:nowrap;backdrop-filter:blur(10px)}.hero-quick-btn:hover{background:var(--surface3);border-color:var(--surface3);color:var(--text);transform:translateY(-1px)}.hero-quick-btn svg{flex-shrink:0;opacity:.7}.section{padding:72px 20px;position:relative;z-index:1}.section-inner{max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-head);font-size:clamp(32px,5vw,52px);font-weight:800;text-align:center}.section-sub{text-align:center;color:var(--text2);font-size:18px;margin-top:6px}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:44px}.feat-card{padding:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(20px);transition:all .3s;position:relative;overflow:hidden}.feat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(117,186,117,.5),transparent);opacity:0;transition:opacity .3s}.feat-card:hover:before{opacity:1}.feat-card:hover{transform:translateY(-4px);border-color:rgba(117,186,117,.2);box-shadow:var(--shadow-green)}.feat-icon{width:48px;height:48px;background:rgba(117,186,117,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.feat-card h3{font-family:var(--font-head);font-weight:700;font-size:18px;margin-bottom:10px}.feat-card p{color:var(--text2);font-size:14px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-top:44px}.showcase-section{background:rgba(255,255,255,.01)}.showcase-header{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:36px}.showcase-header-left{flex:1}.showcase-title{font-family:var(--font-head);font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.15;white-space:pre-line;margin-bottom:14px}.showcase-sub1{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}.showcase-sub2{font-size:14px;color:var(--text3);line-height:1.6;max-width:520px}.showcase-cta-btn{flex-shrink:0;display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;border:none;border-radius:14px;padding:16px 28px;font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:0 4px 24px rgba(117,186,117,.35);align-self:flex-start;margin-top:8px}.showcase-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(117,186,117,.5)}.showcase-cta-btn span{font-size:18px}.showcase-photos{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:0}.showcase-col{display:flex;flex-direction:column;gap:10px}.showcase-photo{border-radius:16px;overflow:hidden;aspect-ratio:4/5;position:relative;border:1px solid var(--surface2);flex-shrink:0}.showcase-photo img,.showcase-photo video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.showcase-photo:hover img,.showcase-photo:hover video{transform:scale(1.04)}.showcase-photo-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.15) 0,rgba(0,0,0,.35) 70%);transition:background .3s}.showcase-photo:hover .showcase-photo-play{background:radial-gradient(circle at center,rgba(0,0,0,.05) 0,rgba(0,0,0,.25) 70%)}.showcase-photo-play-btn{width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 0 6px rgba(255,255,255,.12);transition:transform .3s}.showcase-photo:hover .showcase-photo-play-btn{transform:scale(1.08)}.showcase-photo-play-btn svg{margin-left:4px}.showcase-photo-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.showcase-photo-icon{font-size:32px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.showcase-photo-label{font-size:11px;color:rgba(255,255,255,.35);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.showcase-tags{display:flex;gap:10px;flex-wrap:wrap}.showcase-tag{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 14px;background:var(--surface);border:1px solid var(--surface3);border-radius:10px;color:var(--text2);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:all .2s;white-space:nowrap}.showcase-tag:hover{background:var(--border);border-color:rgba(117,186,117,.3);color:var(--text)}.showcase-tag-arrow{opacity:.4;font-size:11px;flex-shrink:0}@media(max-width:900px){.showcase-photos{grid-template-columns:repeat(2,1fr)}.showcase-col:nth-child(5){display:none}.showcase-photo{margin-top:0!important}.about-offices-photo,.about-offices-spacer{display:none!important}}@media(max-width:600px){.showcase-header{flex-direction:column;gap:20px}.showcase-photos{grid-template-columns:repeat(2,1fr)}.showcase-col:nth-child(5){display:none}.showcase-photo{margin-top:0!important}.showcase-cta-btn{width:100%;justify-content:center}}.step{text-align:center}.step-num{width:56px;height:56px;background:linear-gradient(135deg,rgba(117,186,117,.2),rgba(74,143,74,.1));border:1px solid rgba(117,186,117,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-weight:800;font-size:20px;color:var(--green-light)}.step h3,.step-num{font-family:var(--font-head)}.step h3{font-weight:700;font-size:17px;margin-bottom:10px}.step p{color:var(--text2);font-size:14px}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:48px}.model-chip{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:10px;transition:all .2s}.model-chip:hover{border-color:rgba(117,186,117,.3);transform:translateY(-2px)}.model-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.model-name{font-size:13px;font-weight:600}.model-provider{font-size:11px;color:var(--text3)}.model-badge{font-size:10px;padding:2px 8px;border-radius:100px;background:rgba(117,186,117,.15);color:var(--green-light);font-weight:600;margin-left:auto}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:44px}.test-card{padding:28px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.test-stars{color:var(--green);margin-bottom:14px;font-size:14px}.test-bento{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin-top:44px;align-items:stretch}.test-bento-card{border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.test-bento-large{display:flex;flex-direction:column;background:var(--surface)}.test-bento-img{position:relative;aspect-ratio:1/1;background:linear-gradient(135deg,#1a2a3a,#0d1a2e);overflow:hidden;flex-shrink:0}.test-bento-img img{object-position:center top}.test-bento-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--surface3);border:1px solid var(--surface3);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer}.test-bento-body{padding:24px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.test-bento-quote{font-size:16px;line-height:1.6;color:var(--text);font-weight:500}.test-bento-right{display:flex;flex-direction:column;gap:16px;height:100%}.test-bento-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1}.test-bento-quote-card{padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--surface);justify-content:space-between}.test-bento-quote-sm{font-size:16px;line-height:1.7;color:var(--text);font-weight:500;flex:1;margin:0}.test-bento-photo-card{border-radius:var(--radius);overflow:hidden}.test-bento-author{display:flex;align-items:center;gap:10px}.test-more-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px;font-family:var(--font-body);cursor:pointer;transition:all .2s}.test-more-btn:hover{background:var(--surface2);border-color:var(--surface3)}.course-card{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--bg2) 0,var(--bg3) 60%,var(--bg2) 100%);border:1px solid var(--border);margin-top:44px}.course-body{padding:44px 48px;display:flex;flex-direction:column;gap:20px}.course-title{font-family:var(--font-head);font-size:28px;font-weight:800;color:var(--text);line-height:1.2}.course-desc{font-size:15px;color:var(--text2);line-height:1.7;max-width:480px}.course-features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.course-feat{gap:8px;font-size:13px;color:var(--text2)}.course-actions,.course-feat{display:flex;align-items:center}.course-actions{gap:12px;margin-top:4px;flex-wrap:wrap}.course-btn-primary{padding:14px 28px;background:var(--green);color:#fff;border:none;border-radius:100px;font-size:15px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .2s;box-shadow:0 4px 20px rgba(117,186,117,.3)}.course-btn-primary:hover{background:var(--green-light);transform:translateY(-2px)}.course-btn-ghost{padding:14px 24px;background:transparent;color:var(--text2);border:1px solid var(--surface3);border-radius:100px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s}.course-btn-ghost:hover{border-color:var(--surface3);color:var(--text)}.course-visual{background:linear-gradient(135deg,#0f2a1a,#1a3520 60%,#0a2010);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:0;position:relative;overflow:hidden}.course-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(117,186,117,.15),transparent 65%);pointer-events:none}.course-badge{position:absolute;top:20px;left:20px;background:#facc15;color:#000;font-size:11px;font-weight:800;padding:5px 12px;border-radius:100px;letter-spacing:.3px;z-index:3}.course-icon-wrap{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center}.course-icon-wrap img{width:100%;height:100%;object-fit:cover;display:block}.course-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:rgba(117,186,117,.2);filter:blur(30px)}.course-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:absolute;left:0;right:0;bottom:20px;padding:0 24px;z-index:2}.course-tag{padding:5px 12px;background:rgba(15,42,26,.8);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:100px;font-size:12px;color:#fff}@media(max-width:768px){.course-card{grid-template-columns:1fr}.course-visual{min-height:200px}.course-body{padding:28px 24px}.course-features{grid-template-columns:1fr 1fr}.course-title{font-size:22px}}.blog-article-body{line-height:1.85;font-size:16px}.blog-article-body h2{font-family:var(--font-head);font-size:22px;font-weight:800;color:var(--text);margin:36px 0 14px;letter-spacing:-.01em;padding-bottom:8px;border-bottom:1px solid var(--border)}.blog-article-body p{color:var(--text2);margin:0 0 14px;line-height:1.8}.blog-article-body li{color:var(--text2);margin:5px 0 5px 20px;line-height:1.7}.blog-article-body strong{color:var(--text);font-weight:700}.blog-featured{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:transform .25s,box-shadow .25s}.blog-featured:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.4)}.blog-featured-img{position:relative;min-height:320px;display:flex;align-items:center;justify-content:center}.blog-featured-emoji{font-size:80px;position:relative;z-index:1}.blog-featured-body{background:var(--surface);padding:40px;display:flex;flex-direction:column;gap:14px}.blog-featured-title{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--text);line-height:1.25}.blog-featured-desc{color:var(--text2);font-size:15px;line-height:1.7;flex:1}@media(max-width:768px){.blog-featured{grid-template-columns:1fr}.blog-featured-img{min-height:180px}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.blog-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--surface2);background:var(--surface);cursor:pointer;transition:transform .25s,box-shadow .25s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.4)}.blog-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center}.blog-deco-1{position:absolute;width:48px;height:48px;border-radius:10px;background:var(--border);top:20%;left:10%;transform:rotate(-15deg)}.blog-deco-2{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--surface2);bottom:25%;right:12%;transform:rotate(20deg)}.blog-deco-3{position:absolute;width:22px;height:22px;border-radius:6px;background:rgba(117,186,117,.15);top:12%;right:22%;transform:rotate(10deg)}.blog-emoji{font-size:44px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.5));position:relative;z-index:1}.blog-highlight{position:relative;z-index:1;background:var(--green);color:#fff;font-size:18px;font-weight:900;font-family:var(--font-head);text-align:center;padding:14px 24px;border-radius:14px;white-space:pre-line;line-height:1.2;box-shadow:0 4px 24px rgba(117,186,117,.4)}.blog-body{padding:16px 18px 20px}.blog-cat{display:inline-block;padding:3px 10px;border-radius:100px;background:rgba(117,186,117,.15);color:var(--green-light);font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:10px}.blog-title{font-size:15px;font-weight:600;line-height:1.5;color:var(--text)}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}}.trust-strip{padding:28px 40px;border-top:1px solid var(--surface);border-bottom:1px solid var(--surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.trust-strip-label{display:none}.trust-logos{display:flex;align-items:center;justify-content:center;gap:60px;flex:1}.trust-logo{font-size:18px;font-weight:700;color:var(--surface3);letter-spacing:-.5px;white-space:nowrap;transition:color .2s;cursor:default}.trust-logo:hover{color:rgba(255,255,255,.45)}@media(max-width:900px){.trust-strip{padding:20px 24px}.trust-logos{gap:28px}.trust-logo{font-size:15px}}.test-text{color:var(--text2);font-size:15px;line-height:1.7;margin-bottom:20px;font-style:italic}.test-author{gap:12px}.test-author,.test-avatar{display:flex;align-items:center}.test-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--green-dark),var(--green));justify-content:center;font-weight:700;font-size:14px}.test-name{font-weight:600;font-size:14px}.test-role{font-size:12px;color:var(--text3)}.faq-list{max-width:760px;margin:60px auto 0;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.faq-question{padding:18px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px;transition:color .2s}.faq-question:hover{color:var(--green-light)}.faq-arrow{font-size:18px;transition:transform .3s}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;color:var(--text2);font-size:14px;line-height:1.7;transition:all .3s}.faq-answer.open{max-height:200px;padding:0 20px 18px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}.community-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:24px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;cursor:pointer;transition:all .25s;text-decoration:none;color:inherit}.community-card:hover{border-color:var(--surface3);background:var(--surface2);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.3)}.community-card:hover svg[stroke]{opacity:.8!important}.community-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center}.brand-icon{background:#fff!important;padding:3px;box-sizing:border-box;border:1px solid rgba(0,0,0,.06)!important;object-fit:contain!important}.community-name{font-weight:700;font-size:16px}.community-desc{color:var(--text3);font-size:13px;line-height:1.5}.community-members{font-size:12px;color:var(--text3);background:var(--surface);border:1px solid var(--border);padding:4px 12px;border-radius:100px}@media(max-width:600px){.community-grid{grid-template-columns:1fr}}.cta-section{text-align:center;padding:72px 20px}.biz-section,.cta-section{position:relative;z-index:1}.biz-section{padding:0 20px 80px}.biz-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--bg2) 0,var(--bg3) 50%,var(--bg2) 100%);border:1px solid var(--border)}.biz-photo{position:relative;min-height:480px}.biz-photo-inner{width:100%;height:100%;background:linear-gradient(160deg,#0a1628,#1a2a1a 50%,#0d1a2a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.biz-photo-inner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,rgba(117,186,117,.08),transparent 60%),radial-gradient(ellipse at 70% 20%,rgba(59,130,246,.06),transparent 50%)}.biz-photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#0d1a35)}.biz-photo-content{position:relative;z-index:1;text-align:center}.biz-body{padding:56px 52px;display:flex;flex-direction:column;justify-content:center;gap:28px}.biz-title{font-family:var(--font-head);font-size:36px;font-weight:800;line-height:1.2;color:var(--text)}.biz-features{display:flex;flex-direction:column;gap:12px}.biz-feature{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--surface2);border-radius:10px;font-size:14px;color:var(--text2);transition:border-color .2s}.biz-feature:hover{border-color:rgba(117,186,117,.25);color:var(--text)}.biz-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:var(--green);color:#fff;border:none;border-radius:100px;font-size:15px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all .2s;align-self:flex-start;box-shadow:0 4px 24px rgba(117,186,117,.3)}.biz-btn:hover{background:var(--green-light);transform:translateY(-2px);box-shadow:0 8px 32px rgba(117,186,117,.4)}@media(max-width:768px){.biz-inner{grid-template-columns:1fr}.biz-photo{min-height:220px}.biz-body{padding:32px 24px}.biz-title{font-size:26px}}.cta-card{max-width:700px;margin:0 auto;padding:60px 40px;border-radius:24px;background:linear-gradient(135deg,rgba(117,186,117,.1),rgba(74,143,74,.05));border:1px solid rgba(117,186,117,.2);position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse,rgba(117,186,117,.05) 0,transparent 60%);animation:ctaGlow 8s ease-in-out infinite}@keyframes ctaGlow{0%,to{transform:scale(1)}50%{transform:scale(1.1) translate(5%,5%)}}.footer{padding:60px 40px 30px;border-top:1px solid var(--border);position:relative;z-index:1}.footer-grid{max-width:1200px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.2fr;gap:32px;margin:0 auto 40px}.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:var(--text3);font-size:13px;border-top:1px solid var(--border);padding-top:20px}.footer-col h4{font-family:var(--font-head);font-weight:700;font-size:12px;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.footer-col a,.footer-col span{display:block;color:var(--text3);font-size:13px;margin-bottom:10px;cursor:pointer;transition:color .2s;text-decoration:none}.footer-col a:hover,.footer-col span:hover{color:var(--green-light)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:24px;padding:40px;max-width:440px;width:100%;animation:slideUp .3s;position:relative;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 40px);overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text3);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--surface);color:var(--text)}.modal h2{font-family:var(--font-head);font-size:26px;font-weight:800;margin-bottom:8px}.modal p{color:var(--text2);font-size:14px;margin-bottom:16px}.google-btn{width:100%;padding:14px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:500;cursor:pointer;color:var(--text);transition:all .2s;font-family:var(--font-body)}.google-btn:hover{border-color:rgba(117,186,117,.3);background:rgba(117,186,117,.05)}.tg-btn{width:100%;padding:14px;border:none;background:#2AABEE;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;cursor:pointer;color:#fff;transition:all .2s;font-family:var(--font-body)}.tg-btn:hover{background:#1a9be0;transform:translateY(-1px);box-shadow:0 4px 20px rgba(42,171,238,.35)}.divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text3);font-size:13px}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--border)}.form-input{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .2s;margin-bottom:12px}.form-input:focus{border-color:rgba(117,186,117,.4)}.form-input::placeholder{color:var(--text3)}select{color-scheme:dark}select option{background:#1a1a2e;color:#e2e8f0}select option:checked{background:rgba(117,186,117,.25);color:#75ba75}.modal-switch{text-align:center;margin-top:8px;font-size:13px;color:var(--text3);cursor:pointer}.modal-switch span{color:var(--green-light)}.modal-terms{text-align:center;margin-top:8px;font-size:11px;color:var(--text3)}.auth-mode-switch{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:6px;padding:6px;background:transparent;border:none;color:var(--text3);font-size:12.5px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:color .15s}.auth-mode-switch:hover{color:var(--green-light)}.auth-mode-switch svg{opacity:.75}.magic-continue-btn{display:flex;align-items:center;justify-content:center;min-height:46px}.magic-spinner-row{display:inline-flex;align-items:center;gap:9px}.magic-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:magicSpin .7s linear infinite;display:inline-block}@keyframes magicSpin{to{transform:rotate(1turn)}}.magic-sent{text-align:center;animation:magicSentIn .35s cubic-bezier(.16,1,.3,1)}@keyframes magicSentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.magic-sent-icon{position:relative;width:64px;height:64px;margin:6px auto 0;border-radius:18px;background:linear-gradient(135deg,rgba(117,186,117,.18),rgba(74,143,74,.1));border:1px solid rgba(117,186,117,.3);display:flex;align-items:center;justify-content:center;color:var(--green-light);animation:magicIconPop .45s cubic-bezier(.34,1.56,.64,1) .05s both}@keyframes magicIconPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.magic-sent-check{position:absolute;right:-6px;bottom:-6px;width:24px;height:24px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(74,143,74,.45);animation:magicCheckPop .4s cubic-bezier(.34,1.56,.64,1) .28s both}@keyframes magicCheckPop{0%{transform:scale(0)}to{transform:scale(1)}}.magic-sent-email{font-weight:700;font-size:15px;color:var(--text);margin:0 0 10px;word-break:break-all}.magic-sent-hint{font-size:12.5px;color:var(--text3);line-height:1.55;max-width:300px;margin:0 auto 18px}.magic-open-btn{display:inline-flex;align-items:center;justify-content:center;width:100%}.magic-code-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;font-size:11.5px;color:var(--text3);text-transform:none}.magic-code-divider:after,.magic-code-divider:before{content:"";flex:1;height:1px;background:var(--border)}.magic-code-form{display:flex;gap:8px;align-items:stretch}.magic-code-input{flex:1;min-width:0;padding:11px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:18px;font-weight:700;letter-spacing:4px;text-align:center;color:var(--text);outline:none;font-family:var(--font-body)}.magic-code-input:focus{border-color:var(--green)}.magic-code-form .btn-primary{flex-shrink:0;padding:0 18px;white-space:nowrap}.magic-code-err{margin-top:8px;font-size:12px;color:#f87171;text-align:center}.magic-sent-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:12.5px}.magic-sent-actions button{background:none;border:none;color:var(--text3);font-family:var(--font-body);font-size:12.5px;font-weight:500;cursor:pointer;transition:color .15s;padding:2px 0}.magic-sent-actions button:hover:not(:disabled){color:var(--green-light)}.magic-sent-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:640px){.modal-overlay{align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 20px) 12px 20px}.modal{padding:24px 20px;border-radius:18px;gap:10px;max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal h2{font-size:22px;margin-bottom:4px}.modal p{font-size:13px;margin-bottom:18px}.google-btn,.tg-btn{padding:12px;font-size:14px}.divider{margin:14px 0}.form-input{padding:11px 14px;font-size:15px}.modal-switch{margin-top:14px}}.studio-layout{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1;background:var(--bg);isolation:isolate}.sidebar{width:220px;min-width:220px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10}.sidebar-logo{padding:18px 20px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);cursor:pointer;flex-shrink:0}.sidebar-logo-text{font-family:var(--font-head);font-weight:800;font-size:18px}.sidebar-token-bar{padding:10px 16px;border-bottom:1px solid var(--border)}.token-count{font-size:11px;color:var(--text3);margin-bottom:5px;display:flex;justify-content:space-between}.token-bar-track{height:3px;background:var(--border);border-radius:2px}.token-bar-fill{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green));border-radius:2px;transition:width .5s}.token-clickable{cursor:pointer;text-decoration:none}.token-clickable:hover .token-count{color:var(--green-light)}.sidebar-nav{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column;gap:1px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.zc-home-card{transition:border-color .15s,transform .15s,box-shadow .15s}.zc-home-card:hover{border-color:rgba(117,186,117,.4)!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.sidebar-nav:hover{scrollbar-color:var(--border) transparent}.sidebar-history-list{display:flex;flex-direction:column;gap:1px}.sidebar-history-list:focus-within,.sidebar-history-list:hover{scrollbar-color:var(--scrollbar-thumb) transparent}.sidebar-history-list::-webkit-scrollbar{width:6px}.sidebar-history-list::-webkit-scrollbar-track{background:transparent}.sidebar-history-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.sidebar-history-list:active::-webkit-scrollbar-thumb,.sidebar-history-list:focus-within::-webkit-scrollbar-thumb,.sidebar-history-list:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:var(--text2);transition:all .15s;position:relative;flex-shrink:0}.sidebar-item:hover{background:var(--surface);color:var(--text)}.sidebar-item.active{background:rgba(117,186,117,.12);color:var(--green-light)}.sidebar-item-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sidebar-earn-badge{font-size:9px;padding:2px 5px;background:rgba(255,200,0,.15);color:#ffd700;border-radius:100px;margin-left:auto}.sidebar-section-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:1px;padding:8px 12px 3px;flex-shrink:0}.sidebar-bottom{padding:10px;border-top:1px solid var(--border);flex-shrink:0}.user-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;position:relative}.user-chip:hover{background:var(--surface)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--green-dark),var(--green));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.user-name{font-size:13px;font-weight:500}.user-plan{font-size:10px;color:var(--text3)}.user-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:6px;z-index:40;box-shadow:var(--shadow);animation:slideUp .15s}.user-menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:var(--text2);transition:all .15s}.user-menu-item:hover{background:rgba(117,186,117,.08);color:var(--green-light)}.user-menu-item-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.history-empty{padding:10px 12px;font-size:11px;color:var(--text3);text-align:center;flex-shrink:0}.history-item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text2);transition:all .15s;overflow:hidden;flex-shrink:0}.history-item:hover{background:var(--surface);color:var(--text)}.history-item.active{background:rgba(117,186,117,.1);color:var(--green-light)}.history-item-icon{font-size:13px;flex-shrink:0}.history-item-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-item-del{margin-left:auto;flex-shrink:0;font-size:16px;line-height:1;color:var(--text3);padding:0 2px;opacity:0;transition:opacity .15s,color .15s}.history-item:hover .history-item-del{opacity:.55}.history-item-del:hover{opacity:1;color:#f87171}.studio-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.studio-topbar{padding:10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--bg2);flex-wrap:nowrap;overflow:visible;position:relative;z-index:10}.studio-topbar-title{font-family:var(--font-head);font-weight:700;font-size:15px;display:flex;align-items:center;gap:7px;flex-shrink:0}.model-selector{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;position:relative}.model-selector:hover{border-color:rgba(117,186,117,.3)}.model-selector-dot{width:7px;height:7px;border-radius:50%}.model-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:280px;max-width:calc(100vw - 24px);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:8px;z-index:300;box-shadow:var(--shadow);animation:slideUp .15s}.model-dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.model-dropdown-item.selected,.model-dropdown-item:hover{background:rgba(117,186,117,.08)}.model-dropdown-name{font-size:13px;font-weight:600}.model-dropdown-provider{font-size:11px;color:var(--text3)}.vision-badge{font-size:9px;padding:2px 6px;border-radius:4px;background:rgba(66,133,244,.15);color:#74b9ff;font-weight:600}.token-display{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3);cursor:pointer;padding:5px 10px;border-radius:var(--radius-sm);transition:all .2s}.token-display:hover{background:rgba(117,186,117,.08);color:var(--green-light)}.token-icon{color:var(--green)}.submodel-selector{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;position:relative;min-width:140px}.submodel-selector:hover{border-color:rgba(117,186,117,.3)}.submodel-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;z-index:310;box-shadow:var(--shadow);animation:slideUp .15s}.submodel-item{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;color:var(--text2);transition:background .15s}.submodel-item.active,.submodel-item:hover{background:rgba(117,186,117,.08);color:var(--green-light)}.token-cost-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:rgba(117,186,117,.08);border:1px solid rgba(117,186,117,.15);border-radius:100px;font-size:10px;color:var(--text3);white-space:nowrap}.token-cost-badge svg{color:var(--green);flex-shrink:0}.split-view{flex:1;position:relative}.chat-pane,.split-view{display:flex;overflow:hidden}.chat-pane{flex-direction:column;min-width:200px;min-height:0}.split-resize-handle{width:5px;background:transparent;cursor:col-resize;flex-shrink:0;transition:background .15s;position:relative;z-index:5}.split-resize-handle.dragging,.split-resize-handle:hover{background:rgba(117,186,117,.35)}.split-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;border-radius:2px;background:var(--border)}.chat-messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px;display:flex;flex-direction:column;gap:18px}.chat-msg{display:flex;gap:10px;flex-wrap:wrap;animation:msgIn .2s;position:relative}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{flex-direction:row-reverse}.msg-actions{flex-basis:100%;display:flex;gap:4px;margin:2px 0 0 40px;opacity:0;transition:opacity .15s ease}.chat-msg.user .msg-actions{margin:2px 40px 0 0;justify-content:flex-end}.chat-msg:hover .msg-actions,.msg-actions.always{opacity:1}.msg-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--text3);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:color .15s,border-color .15s,background .15s}.msg-action-btn:hover{color:var(--text);border-color:rgba(117,186,117,.35);background:rgba(117,186,117,.06)}.msg-action-btn.done{color:var(--green-light);border-color:rgba(117,186,117,.4)}.sys-msg{display:flex;flex-direction:column;align-items:flex-start;gap:6px;animation:msgIn .2s;position:relative}.sys-msg-action{opacity:0;transition:opacity .15s ease;margin-left:0}.sys-msg.always .sys-msg-action,.sys-msg:hover .sys-msg-action{opacity:1}.msg-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.msg-avatar.ai{background:linear-gradient(135deg,var(--green-dark),var(--green))}.msg-avatar.user{background:var(--surface);border:1px solid var(--border)}.msg-bubble{max-width:80%;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.7;font-weight:400}.msg-bubble.ai{background:var(--surface);border:1px solid var(--border);border-radius:14px 14px 14px 4px}.msg-bubble.user{background:rgba(117,186,117,.12);border:1px solid rgba(117,186,117,.2);border-radius:14px 14px 4px 14px}.msg-attachment{display:inline-flex;gap:6px;padding:4px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;font-size:11px;margin-bottom:8px}.chat-empty,.msg-attachment{align-items:center;color:var(--text3)}.chat-empty{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center;padding:40px}.chat-empty-icon{font-size:44px;opacity:.5}.chat-empty h3{font-family:var(--font-head);font-weight:700;font-size:19px;color:var(--text2)}.chat-empty p{font-size:13px;max-width:300px;line-height:1.6}.example-prompts{display:flex;flex-direction:column;gap:7px;width:100%;max-width:360px;margin-top:6px}.example-prompt{padding:9px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;text-align:left;color:var(--text2);transition:all .15s;font-family:var(--font-body)}.example-prompt:hover{border-color:rgba(117,186,117,.3);color:var(--text)}.chat-input-area{padding:12px 20px;border-top:1px solid var(--border);background:var(--bg2)}.chat-input-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:4px 4px 4px 12px;display:flex;gap:4px;align-items:flex-end;transition:border-color .2s}.chat-input-wrap:focus-within{border-color:rgba(117,186,117,.3)}.chat-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-body);font-size:14px;line-height:20px;padding:8px 0;resize:none;min-height:36px;max-height:120px;min-width:0}.chat-input::placeholder{color:var(--text3)}.chat-input-actions{display:flex;align-items:center;gap:2px;padding-bottom:0;flex-shrink:0}.attach-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:6px;border-radius:6px;font-size:16px;transition:all .15s;display:flex;align-items:center}.attach-btn:hover{background:rgba(117,186,117,.1)}.attach-btn.has-attachment,.attach-btn:hover{color:var(--green-light)}.chat-send-btn{background:linear-gradient(135deg,var(--green),var(--green-dark));border:none;border-radius:10px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-size:15px;color:#fff;-webkit-tap-highlight-color:transparent}.chat-send-btn svg{color:#fff;stroke:#fff}.chat-send-btn:hover{transform:scale(1.05)}.attachments-preview{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 0}.attachment-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(117,186,117,.08);border:1px solid rgba(117,186,117,.2);border-radius:6px;font-size:11px;color:var(--green-light)}.attachment-chip button{background:none;border:none;color:var(--green-light);cursor:pointer;font-size:13px;padding:0;margin-left:2px;opacity:.7}.attachment-chip button:hover{opacity:1}.preview-panel{background:var(--bg);border-left:1px solid var(--border);min-width:220px;display:flex;flex-direction:column;flex-shrink:0}.preview-topbar{padding:8px 10px;border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0;overflow:hidden;min-height:42px}.preview-device-bar,.preview-topbar{display:flex;align-items:center;gap:4px}.preview-device-bar{margin-left:auto}.preview-device-btn{width:28px;height:28px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.preview-device-btn:hover{background:var(--surface2);color:var(--text)}.preview-device-btn.active{background:var(--border);border-color:var(--surface3);color:var(--text)}.preview-device-sep{width:1px;height:18px;background:var(--border);margin:0 2px}.fs-overlay{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column}.fs-toolbar{height:52px;flex-shrink:0;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:16px}.fs-device-group{display:flex;gap:4px}.fs-device-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text3);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.fs-device-btn:hover{background:var(--surface2);color:var(--text)}.fs-device-btn.active{background:var(--border);border-color:var(--surface3);color:var(--text)}.fs-action-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text2);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.fs-action-btn:hover{background:var(--surface2);color:var(--text)}.fs-close-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.fs-close-btn:hover{background:rgba(255,80,80,.15);border-color:rgba(255,80,80,.3);color:#ff6b6b}.fs-content{flex:1;min-height:0;overflow:hidden;display:flex;align-items:stretch;background:var(--bg);padding:20px}.preview-tab{padding:5px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;color:var(--text3);border:none;background:none;font-family:var(--font-body);display:inline-flex;align-items:center;gap:4px}.preview-tab.active{background:rgba(117,186,117,.12);color:var(--green-light)}.preview-content{flex:1;min-height:0;overflow:auto;align-items:flex-start;position:relative}.preview-content,.preview-empty{display:flex;justify-content:center}.preview-empty{flex-direction:column;align-items:center;height:100%;color:var(--text3);gap:12px}.website-preview{width:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);font-family:DM Sans,sans-serif}.wp-nav{padding:12px 20px;background:#0a0a0a;display:flex;align-items:center;justify-content:space-between}.wp-nav-logo{font-weight:800;font-size:14px;color:#75ba75}.wp-nav-links{display:flex;gap:12px}.wp-nav-link{font-size:11px;color:#888}.wp-hero{padding:50px 20px 40px;text-align:center;background:linear-gradient(135deg,#0a0a0a,#111)}.wp-hero h1{font-size:26px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.2}.wp-hero p{color:#888;font-size:12px;margin-bottom:20px}.wp-hero-btn{background:#75ba75;color:#fff;padding:8px 20px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block}.wp-features{padding:30px 20px;background:#fff}.wp-features h2{font-size:16px;font-weight:800;color:#111;margin-bottom:18px;text-align:center}.wp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wp-feat-card{padding:12px;border:1px solid #f0f0f0;border-radius:6px}.wp-feat-icon{font-size:16px;margin-bottom:6px}.wp-feat-title{font-size:11px;font-weight:700;color:#111;margin-bottom:3px}.wp-feat-desc{font-size:10px;color:#666}.wp-cta{padding:30px 20px;text-align:center;background:linear-gradient(135deg,#75ba75,#4a8f4a)}.wp-cta h2{font-size:18px;font-weight:800;color:#fff;margin-bottom:6px}.wp-cta p{color:rgba(255,255,255,.8);font-size:11px;margin-bottom:16px}.wp-cta-btn{background:#fff;color:#4a8f4a;padding:8px 20px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block}.wp-badge{padding:6px 20px;background:#f9f9f9;text-align:center;font-size:10px;color:#aaa;border-top:1px solid #f0f0f0}.image-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.image-card{border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.image-placeholder{height:100%;flex-direction:column;gap:6px;color:var(--text3);font-size:11px}.image-placeholder,.video-card{width:100%;display:flex;align-items:center;justify-content:center}.video-card{border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--border);aspect-ratio:16/9}.video-placeholder{flex-direction:column;gap:10px;color:var(--text3)}.play-btn,.video-placeholder{display:flex;align-items:center}.play-btn{width:50px;height:50px;background:rgba(117,186,117,.2);border-radius:50%;justify-content:center;font-size:20px}.text-preview{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:20px;width:100%;line-height:1.8;font-size:13px;color:var(--text2)}.text-preview h1{font-size:22px;font-weight:800;margin-bottom:14px}.text-preview h1,.text-preview h2{font-family:var(--font-head);color:var(--text)}.text-preview h2{font-size:16px;font-weight:700;margin:18px 0 10px}.text-preview p{margin-bottom:12px}.text-preview hr{border:none;border-top:1px solid var(--border);margin:16px 0}.text-preview em{color:var(--text3);font-size:11px}.code-preview{width:100%;flex:1;background:var(--bg3);border-radius:8px;flex-direction:column}.code-editor-layout,.code-preview{min-height:0;overflow:hidden;display:flex}.code-editor-layout{flex:1}.code-file-tree{background:var(--bg3);border-right:1px solid var(--surface2);overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.code-resize-handle{width:4px;background:transparent;cursor:col-resize;flex-shrink:0;transition:background .15s;position:relative;z-index:10}.code-resize-handle.dragging,.code-resize-handle:hover{background:rgba(117,186,117,.4)}.code-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:24px;border-radius:2px;background:var(--border)}.code-unsaved-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#1a1200;border-bottom:1px solid rgba(255,193,7,.2);font-size:11px;color:#e8b467;flex-shrink:0}.code-unsaved-bar svg{flex-shrink:0}.code-unsaved-label{flex:1}.code-unsaved-discard{padding:3px 10px;background:transparent;border:1px solid rgba(255,193,7,.3);border-radius:4px;font-size:11px;cursor:pointer;color:#e8b467;font-family:var(--font-body);transition:all .15s}.code-unsaved-discard:hover{background:rgba(255,193,7,.08)}.code-unsaved-save{padding:3px 12px;background:rgba(117,186,117,.15);border:1px solid rgba(117,186,117,.35);border-radius:4px;font-size:11px;cursor:pointer;color:var(--green-light);font-family:var(--font-body);font-weight:600;transition:all .15s}.code-unsaved-save:hover{background:rgba(117,186,117,.25)}.code-file-search{padding:4px 8px;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.code-file-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:12px;font-family:var(--font-body)}.code-file-search input::placeholder{color:#30363d}.code-new-item-row{padding:4px 8px;display:flex;align-items:center;gap:4px;overflow:hidden}.code-new-item-row input{flex:1;min-width:0;background:var(--bg3);border:1px solid rgba(117,186,117,.4);border-radius:4px;color:var(--text);font-size:12px;padding:3px 6px;font-family:var(--font-body);outline:none}.code-new-item-row input:focus{border-color:rgba(117,186,117,.7)}.code-new-item-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}.code-new-item-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:2px 5px;font-size:11px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.code-new-item-btn:hover{background:var(--surface2);color:var(--text)}.code-new-item-btn.confirm{color:var(--green-light)}.code-editor-area{padding:0;background:var(--bg3)}.code-editor-area,.code-editor-textarea{flex:1;overflow:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.75;color:var(--text);white-space:pre}.code-editor-textarea{min-height:0;width:100%;background:transparent;border:none;outline:none;padding:16px 20px;resize:none;tab-size:2;caret-color:#58a6ff;box-sizing:border-box}.code-empty-tree{padding:20px 12px;text-align:center;color:#30363d;font-size:11px;line-height:1.6}.code-tree-item-modified:after{content:"●";margin-left:4px;color:#e8b467;font-size:8px;vertical-align:middle}.code-file-tree-header{padding:8px 12px;font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface)}.code-file-tree-header-actions{display:flex;gap:6px}.code-file-tree-header-actions button{background:none;border:none;color:var(--text3);cursor:pointer;padding:1px;display:flex;align-items:center;transition:color .15s}.code-file-tree-header-actions button:hover{color:var(--text)}.code-tree-folder{padding:5px 12px;font-size:12px;color:#8b949e;display:flex;align-items:center;gap:6px}.code-tree-folder svg{flex-shrink:0}.code-tree-item{padding:4px 12px 4px 24px;font-size:12px;color:#8b949e;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .1s;-webkit-user-select:none;user-select:none}.code-tree-item:hover{background:var(--surface);color:var(--text)}.code-tree-item.active{background:var(--surface2);color:var(--text)}.code-tree-item .file-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.code-tabs-bar{background:var(--bg3);border-bottom:1px solid var(--border);overflow-x:auto}.code-tab,.code-tabs-bar{display:flex;align-items:center;flex-shrink:0}.code-tab{padding:8px 16px;font-size:12px;color:var(--text3);cursor:pointer;border-right:1px solid var(--surface);white-space:nowrap;gap:6px;transition:all .1s}.code-tab:hover{color:var(--text);background:var(--surface)}.code-tab.active{color:var(--text);background:var(--bg3);border-bottom:2px solid var(--green);padding-bottom:6px}.code-tab .tab-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.code-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.code-topbar{padding:7px 14px;background:var(--bg3);border-bottom:1px solid var(--border);justify-content:space-between;color:var(--text3);flex-shrink:0}.code-copy-btn,.code-topbar{display:flex;align-items:center;font-size:11px}.code-copy-btn{padding:3px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;cursor:pointer;color:#8b949e;font-family:var(--font-body);transition:all .15s;gap:5px}.code-copy-btn:hover{border-color:rgba(117,186,117,.4);color:var(--green-light)}.code-content{flex:1;min-height:0;font-family:Courier New,monospace;font-size:12px;line-height:1.75;color:var(--text);overflow:hidden;background:var(--bg3);display:flex;flex-direction:column}.code-line{display:flex;gap:16px}.code-line-num{color:#30363d;min-width:28px;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0}.code-line-content{flex:1}.code-kw{color:#ff7b72}.code-str{color:#a5d6ff}.code-cm{color:#6e7781}.code-tag{color:#7ee787}.code-attr{color:#79c0ff}.code-num{color:#f2cc60}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dot{width:5px;height:5px;background:var(--green);border-radius:50%;animation:dotPulse 1.4s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.ai-thinking{display:flex;flex-direction:column;gap:10px;min-width:260px;max-width:420px;padding:14px 16px;background:linear-gradient(135deg,rgba(117,186,117,.14),rgba(74,143,74,.06));border:1px solid rgba(117,186,117,.3);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(117,186,117,.1)}.ai-thinking:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(117,186,117,.22) 50%,transparent 70%);background-size:200% 100%;animation:thinkShimmer 2.6s linear infinite;pointer-events:none}@keyframes thinkShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-thinking-head{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.ai-thinking-orb{width:24px;height:24px;border-radius:50%;background:conic-gradient(from 0deg,var(--green) 0,rgba(117,186,117,.1) 40%,var(--green) 80%,rgba(117,186,117,.1) 100%);animation:orbSpin 1.8s linear infinite;position:relative;flex-shrink:0;box-shadow:0 0 14px rgba(117,186,117,.45)}.ai-thinking-orb:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--bg2)}.ai-thinking-orb:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--green);animation:orbCore 1.4s ease-in-out infinite}@keyframes orbSpin{to{transform:rotate(1turn)}}@keyframes orbCore{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.ai-thinking-stage{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;animation:stageFade .5s ease}@keyframes stageFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ai-thinking-meta{font-size:11px;color:var(--text3);font-variant-numeric:tabular-nums;margin-left:auto}.ai-thinking-bar{position:relative;z-index:1;height:4px;background:rgba(117,186,117,.22);border-radius:2px;overflow:hidden}.ai-thinking-bar-fill{position:absolute;top:0;bottom:0;width:35%;background:linear-gradient(90deg,transparent,var(--green-light),var(--green),var(--green-light),transparent);border-radius:2px;animation:barSlide 1.8s ease-in-out infinite;box-shadow:0 0 12px rgba(117,186,117,.6)}@keyframes barSlide{0%{left:-30%}to{left:100%}}.ai-thinking-skel{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}.ai-thinking-skel-row{height:10px;background:linear-gradient(90deg,rgba(117,186,117,.18),rgba(117,186,117,.45),rgba(117,186,117,.18));background-size:200% 100%;border-radius:5px;animation:skelShimmer 1.6s ease-in-out infinite;box-shadow:inset 0 0 0 1px rgba(117,186,117,.18)}[data-theme=light] .ai-thinking-skel-row{background:linear-gradient(90deg,rgba(74,143,74,.18),rgba(74,143,74,.4),rgba(74,143,74,.18));box-shadow:inset 0 0 0 1px rgba(74,143,74,.22)}.ai-thinking-skel-row:first-child{width:90%}.ai-thinking-skel-row:nth-child(2){width:75%;animation-delay:.15s}.ai-thinking-skel-row:nth-child(3){width:60%;animation-delay:.3s}@keyframes skelShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-thinking.website .ai-thinking-skel{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:6px}.ai-thinking.website .ai-thinking-skel-row:first-child{grid-column:1/-1;height:14px;width:100%}.ai-thinking.website .ai-thinking-skel-row:nth-child(2){grid-column:1/-1;height:24px;width:55%}.ai-thinking.website .ai-thinking-skel-row:nth-child(3){grid-column:1/2;height:36px;width:100%;animation-delay:.45s}.ai-thinking.website .ai-thinking-skel-row:nth-child(4){grid-column:2/3;height:36px;width:100%;animation-delay:.6s}.ai-thinking.website .ai-thinking-skel-row:nth-child(5){grid-column:3/4;height:36px;width:100%;animation-delay:.75s}.tasks-grabber{display:none}@keyframes tasks-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:600px){.tasks-overlay{align-items:flex-end!important;justify-content:stretch!important;padding:0!important}.tasks-sheet{max-width:100%!important;width:100%!important;max-height:80vh!important;border-bottom:none!important;border-left:none!important;border-right:none!important;animation:tasks-slide-up .34s cubic-bezier(.22,1,.36,1)}.tasks-sheet,.tasks-sheet>div:first-child{border-radius:22px 22px 0 0!important}.tasks-grabber{display:block;width:40px;height:4px;border-radius:100px;background:var(--text3);opacity:.35;margin:-6px auto 12px}}.pricing-page{flex:1;overflow-y:auto;padding:0}@media (max-width:780px){.blog-hero{grid-template-columns:1fr!important}.blog-hero>div:last-child{order:-1;aspect-ratio:16/9!important}}.tokens-banner{padding:16px 24px;background:linear-gradient(135deg,rgba(117,186,117,.08),rgba(74,143,74,.04));border-bottom:1px solid rgba(117,186,117,.15);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tokens-banner-info{flex:1}.tokens-banner-title{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:4px}.tokens-banner-bar{display:flex;align-items:center;gap:10px}.tokens-banner-track{flex:1;max-width:200px;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.tokens-banner-fill{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green));border-radius:3px}.tokens-banner-count{font-size:12px;color:var(--text3)}.pricing-inner{padding:40px 24px}.pricing-toggle{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:40px}.toggle-track{width:44px;height:24px;background:var(--surface);border:1px solid var(--border);border-radius:100px;position:relative;cursor:pointer;transition:background .2s}.toggle-track.on{background:rgba(117,186,117,.3);border-color:rgba(117,186,117,.5)}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text3);border-radius:50%;transition:all .2s}.toggle-track.on .toggle-thumb{left:calc(100% - 20px);background:var(--green)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;max-width:940px;margin:0 auto}.pricing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(min-width:760px){.app-received-grid{grid-template-columns:1.3fr 1fr!important;align-items:start}}.plan-card{padding:28px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);position:relative;transition:all .3s}.plan-card.featured{border-color:rgba(117,186,117,.4);background:rgba(117,186,117,.05);box-shadow:0 0 40px rgba(117,186,117,.1)}.plan-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:10px;font-weight:700;padding:3px 14px;border-radius:100px;white-space:nowrap}.plan-name{font-family:var(--font-head);font-size:17px;font-weight:800;margin-bottom:3px}.plan-desc{font-size:12px;color:var(--text3);margin-bottom:20px}.plan-price{font-family:var(--font-head);font-size:38px;font-weight:800;margin-bottom:3px}.plan-price span{font-size:14px;font-weight:400;color:var(--text3)}.plan-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin:20px 0}.plan-feature{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text2)}.plan-feature:before{content:"✓";color:var(--green);font-weight:700;flex-shrink:0}.plan-feature.disabled{color:var(--text3)}.plan-feature.disabled:before{content:"×";color:var(--text3)}.topup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0}.topup-card{padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;text-align:center;position:relative}.topup-card.selected,.topup-card:hover{border-color:rgba(117,186,117,.4);background:rgba(117,186,117,.06)}.topup-card.popular:after{content:"Popular";position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-size:9px;font-weight:700;padding:2px 10px;border-radius:100px}.topup-credits{font-family:var(--font-head);font-weight:800;font-size:16px;color:var(--green-light);margin-bottom:3px}.topup-price{font-size:13px;font-weight:600;color:var(--text)}.topup-label{font-size:10px;color:var(--text3);margin-top:2px}.payment-row{display:flex;gap:8px;margin-top:14px}.payment-btn{flex:1;padding:11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);transition:all .2s;font-family:var(--font-body)}.payment-btn:hover{border-color:rgba(117,186,117,.3)}.settings-page{flex:1;overflow-y:auto;padding:28px 24px}.settings-section{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.settings-mobile-nav{display:none}.settings-section:last-child{border-bottom:none}.settings-section h3{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.settings-row{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.settings-label{font-size:13px;font-weight:500;color:var(--text2)}.settings-group{display:flex;gap:8px}.settings-option{padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .15s;color:var(--text2);font-family:var(--font-body)}.settings-option.active{border-color:var(--green);color:var(--green-light);background:rgba(117,186,117,.08)}.cancel-confirm-box{background:rgba(255,85,85,.06);border:1px solid rgba(255,85,85,.2);border-radius:var(--radius-sm);padding:14px 16px;margin-top:12px}.cancel-confirm-box p{font-size:13px;color:var(--text2);margin-bottom:12px}.cancel-confirm-actions{display:flex;gap:8px}.referral-page{flex:1;overflow-y:auto;padding:28px 24px}.referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.ref-stat{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.ref-stat-value{font-family:var(--font-head);font-size:28px;font-weight:800;color:var(--green-light)}.ref-stat-label{font-size:12px;color:var(--text3);margin-top:3px}.ref-link-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:10px;margin-bottom:24px}.ref-link-text{flex:1;font-size:12px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.ref-step{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ref-step-num{width:28px;height:28px;background:rgba(117,186,117,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--green-light);font-size:13px;margin-bottom:10px}.ref-step-text{font-size:12px;color:var(--text2);line-height:1.6}.dashboard-page{flex:1;overflow-y:auto;padding:24px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dash-title{font-family:var(--font-head);font-size:22px;font-weight:800}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.project-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s;background:var(--surface)}.project-card:hover{transform:translateY(-4px);border-color:rgba(117,186,117,.3);box-shadow:var(--shadow-green)}.project-thumb{height:120px;display:flex;align-items:center;justify-content:center;font-size:28px;border-bottom:1px solid var(--border)}.project-info{padding:14px}.project-name{font-weight:600;font-size:13px;margin-bottom:3px}.project-meta{font-size:11px;color:var(--text3);margin-bottom:6px}.project-status{display:inline-flex;align-items:center;gap:4px;font-size:10px;padding:2px 7px;border-radius:100px}.project-status.published{background:rgba(117,186,117,.1);color:var(--green-light)}.project-status.draft{background:rgba(255,200,0,.1);color:#ffd700}.project-actions{display:flex;gap:6px;margin-top:10px}.project-btn{flex:1;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:none;font-family:var(--font-body);transition:all .15s;text-align:center}.project-btn.primary{background:rgba(117,186,117,.15);color:var(--green-light)}.project-btn.primary:hover{background:rgba(117,186,117,.25)}.project-btn.ghost{background:var(--surface);color:var(--text3);border:1px solid var(--border)}.project-btn.ghost:hover{color:var(--text2)}.project-btn.danger{background:rgba(255,85,85,.1);color:#ff5555}.project-btn.danger:hover{background:rgba(255,85,85,.2)}.new-project-card{border:2px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;padding:40px 20px;min-height:200px;color:var(--text3)}.new-project-card:hover{border-color:rgba(117,186,117,.4);color:var(--green-light)}.project-modal{max-width:500px}.project-modal-thumb{height:180px;background:linear-gradient(135deg,var(--bg3),var(--bg2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:20px;border:1px solid var(--border)}.project-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.project-detail-row:last-child{border-bottom:none}.project-detail-label{color:var(--text3)}.project-detail-value{color:var(--text2);font-weight:500}.notif{position:fixed;bottom:24px;right:24px;z-index:300;display:flex;flex-direction:column;gap:8px}.confetti-container{position:fixed;inset:0;z-index:9999}.confetti-piece{width:10px;height:10px}.notif-item{padding:12px 18px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;animation:slideUp .3s;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;max-width:280px}.notif-item.success{border-color:rgba(117,186,117,.4)}.notif-item.error{border-color:rgba(255,80,80,.4)}.prose-body figure.kg-card-hascaption,.prose-body figure.kg-embed-card,.prose-body figure.kg-video-card{margin:24px 0;max-width:720px}.prose-body figure.kg-embed-card iframe,.prose-body figure.kg-video-card iframe,.prose-body iframe{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;max-width:720px;border:0;border-radius:12px;background:#000}.prose-body figure.kg-embed-card figcaption,.prose-body figure.kg-video-card figcaption{font-size:13px;color:var(--text3);margin-top:8px;text-align:center}.prose-body figure.kg-embed-card figcaption p,.prose-body figure.kg-video-card figcaption p{margin:0}.prose-body img{max-width:100%;height:auto;border-radius:10px;display:block;margin:24px auto}.prose-body figure.kg-image-card{margin:24px 0}.prose-body figure.kg-image-card img{display:block;width:100%;margin:0}.prose-body figure+figure,.prose-body figure+img,.prose-body img+figure,.prose-body img+img{margin-top:24px}.prose-body h2{font-family:var(--font-head);font-weight:800;font-size:28px;color:var(--text);margin:48px 0 14px;line-height:1.25;letter-spacing:-.015em}.prose-body h3{font-size:21px;margin:36px 0 10px;line-height:1.3;letter-spacing:-.01em}.prose-body h3,.prose-body h4{font-family:var(--font-head);font-weight:700;color:var(--text)}.prose-body h4{font-size:18px;margin:28px 0 8px}.prose-body h2 strong,.prose-body h3 strong,.prose-body h4 strong{font-weight:inherit}.prose-body p{margin:0 0 18px;line-height:1.7;color:var(--text2);font-size:17px}.prose-body p:last-child{margin-bottom:0}.prose-body strong{color:var(--text);font-weight:700}.prose-body em{color:var(--text)}.prose-body a{color:var(--green);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s ease,color .15s;padding-bottom:1px;font-weight:500}.prose-body a:hover{color:var(--green-light);background-size:100% 1px}.prose-body ul{padding-left:24px;list-style:disc outside}.prose-body ol,.prose-body ul{margin:0 0 18px;color:var(--text2);font-size:17px;line-height:1.7}.prose-body ol{padding-left:26px;list-style:decimal outside}.prose-body ol li,.prose-body ul li{margin:6px 0}.prose-body ul li::marker{color:var(--green)}.prose-body ol li::marker{color:var(--green);font-weight:700}.prose-body blockquote{margin:24px 0;padding:14px 18px 14px 22px;border-left:3px solid var(--green);background:rgba(117,186,117,.06);border-radius:0 10px 10px 0;color:var(--text);font-style:italic;font-size:17px;line-height:1.65}.prose-body blockquote p{margin:0;color:inherit;font-size:inherit}.prose-body blockquote p+p{margin-top:10px}.prose-body figcaption blockquote{margin:2px 0;padding:0;border:0;background:transparent;border-radius:0;font-style:italic;font-size:14px;color:var(--text3);line-height:1.5}.prose-body figcaption blockquote p{margin:0}.prose-body figure.kg-embed-card:not(:has(iframe)){display:none}.prose-body code{background:var(--surface2);color:var(--green-light);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:2px 7px;border-radius:5px;border:1px solid var(--border-soft)}.prose-body pre{margin:20px 0;padding:16px 18px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.55}.prose-body pre code{background:transparent;border:0;padding:0;color:var(--text);font-size:14px}.prose-body hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:36px auto;max-width:380px}.prose-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}.prose-body td,.prose-body th{padding:10px 12px;border:1px solid var(--border);text-align:left}.prose-body th{background:var(--surface);font-weight:700;color:var(--text)}.prose-body .kg-bookmark-card{margin:20px 0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.prose-body .kg-bookmark-container{display:flex;text-decoration:none;color:inherit}.prose-body .kg-callout-card,.rich-surface .kg-callout-card{margin:14px 0;padding:14px 16px;border-radius:12px;background:rgba(117,186,117,.07);border:1px solid rgba(117,186,117,.18);display:flex;align-items:flex-start;gap:12px}.prose-body .kg-callout-card .kg-callout-emoji,.rich-surface .kg-callout-card .kg-callout-emoji{font-size:20px;line-height:1.4;flex-shrink:0}.prose-body .kg-callout-card .kg-callout-text,.rich-surface .kg-callout-card .kg-callout-text{flex:1;color:var(--text);font-size:15px;line-height:1.6}.prose-body .kg-callout-card .kg-callout-text a,.rich-surface .kg-callout-card .kg-callout-text a{color:var(--green)}.prose-body .kg-callout-card-grey,.rich-surface .kg-callout-card-grey{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.22)}.prose-body .kg-callout-card-white,.rich-surface .kg-callout-card-white{background:var(--surface);border-color:var(--border)}.prose-body .kg-callout-card-blue,.rich-surface .kg-callout-card-blue{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.25)}.prose-body .kg-callout-card-green,.rich-surface .kg-callout-card-green{background:rgba(95,213,117,.08);border-color:rgba(95,213,117,.25)}.prose-body .kg-callout-card-yellow,.rich-surface .kg-callout-card-yellow{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.28)}.prose-body .kg-callout-card-red,.rich-surface .kg-callout-card-red{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.25)}.prose-body .kg-callout-card-pink,.rich-surface .kg-callout-card-pink{background:rgba(236,72,153,.08);border-color:rgba(236,72,153,.25)}.prose-body .kg-callout-card-purple,.rich-surface .kg-callout-card-purple{background:rgba(167,139,250,.08);border-color:rgba(167,139,250,.28)}.prose-body .kg-callout-card-accent,.rich-surface .kg-callout-card-accent{background:rgba(95,213,117,.1);border-color:rgba(95,213,117,.3)}.prose-body .kg-button-card,.rich-surface .kg-button-card{margin:24px 0;display:flex}.prose-body .kg-button-card.kg-align-center,.rich-surface .kg-button-card.kg-align-center{justify-content:center}.prose-body .kg-button-card.kg-align-left,.rich-surface .kg-button-card.kg-align-left{justify-content:flex-start}.prose-body .kg-btn,.rich-surface .kg-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s;line-height:1.2;text-align:center}.prose-body .kg-btn:hover,.rich-surface .kg-btn:hover{transform:translateY(-1px)}.prose-body .kg-btn-accent,.prose-body .kg-btn-accent:hover,.rich-surface .kg-btn-accent,.rich-surface .kg-btn-accent:hover{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}.prose-body .kg-btn-accent,.rich-surface .kg-btn-accent{box-shadow:0 4px 16px rgba(117,186,117,.3)}.prose-body .kg-btn-accent:hover,.rich-surface .kg-btn-accent:hover{box-shadow:0 8px 24px rgba(117,186,117,.4)}.prose-body .kg-btn-primary,.prose-body .kg-btn-primary:hover,.rich-surface .kg-btn-primary,.rich-surface .kg-btn-primary:hover{background:var(--green);color:#fff}.prose-body .kg-btn-ghost,.prose-body .kg-btn-ghost:hover,.rich-surface .kg-btn-ghost,.rich-surface .kg-btn-ghost:hover{color:var(--green);border:2px solid var(--green)}.prose-body .kg-btn-ghost,.rich-surface .kg-btn-ghost{background:transparent}.prose-body .kg-btn-ghost:hover,.rich-surface .kg-btn-ghost:hover{background:rgba(117,186,117,.1)}.prose-body .kg-image-card.kg-card-fullwidth img,.rich-surface .kg-image-card.kg-card-fullwidth img{max-width:none;width:100%}.popup-publish-overlay,.popup-welcome-overlay{position:fixed;inset:0;background:var(--overlay);z-index:250;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px);animation:fadeIn .3s}.popup-publish,.popup-welcome{background:var(--bg2);border:1px solid rgba(117,186,117,.3);border-radius:24px;padding:44px 36px;max-width:440px;width:100%;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 80px rgba(117,186,117,.15);animation:slideUp .4s}.popup-welcome-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(117,186,117,.2) 0,transparent 70%);pointer-events:none}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;animation:confettiFall linear forwards;opacity:0}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0deg);opacity:1}to{transform:translateY(350px) rotate(2turn);opacity:0}}.popup-welcome-emoji{font-size:48px;margin-bottom:14px;display:block;animation:bounceIn .6s .2s both}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.popup-publish h2,.popup-welcome h2{font-family:var(--font-head);font-weight:800;font-size:24px;margin-bottom:8px}.popup-publish p,.popup-welcome p{color:var(--text2);font-size:14px;line-height:1.6;margin-bottom:20px}.popup-welcome-credits{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:rgba(117,186,117,.08);border:1px solid rgba(117,186,117,.2);border-radius:10px;margin-bottom:24px;font-size:13px}.popup-welcome-tokens strong{color:var(--green-light);font-size:17px;font-family:var(--font-head)}.popup-dismiss{font-size:11px;color:var(--text3);margin-top:12px;cursor:pointer}.popup-dismiss:hover{color:var(--text2)}.token-warn-banner{display:flex;align-items:center;gap:8px;padding:9px 16px;background:rgba(94,168,94,.1);border-bottom:1px solid rgba(94,168,94,.28);font-size:12px;color:var(--green-light);animation:slideDown .3s;flex-shrink:0}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.token-warn-bar{flex:1;height:3px;background:rgba(94,168,94,.16);border-radius:2px;overflow:hidden;margin:0 6px}.token-warn-fill{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green-light));border-radius:2px}.token-warn-btn{padding:3px 10px;border-radius:5px;font-size:10px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:var(--font-body)}.token-warn-btn.primary{background:var(--green);color:#06210f}.token-warn-btn.ghost{background:transparent;color:var(--green-light);border:1px solid rgba(94,168,94,.35)}.token-warn-close{background:none;border:none;color:var(--green-light);cursor:pointer;font-size:15px;padding:0 3px;opacity:.7}.token-warn-close:hover{opacity:1}.popup-nudge{position:fixed;bottom:80px;right:20px;z-index:220;background:var(--bg2);border:1px solid rgba(117,186,117,.3);border-radius:16px;padding:18px 20px;max-width:280px;width:100%;box-shadow:0 8px 40px var(--shadow),0 0 30px rgba(117,186,117,.1);animation:nudgeIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes nudgeIn{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.nudge-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px}.nudge-emoji{font-size:26px;margin-bottom:7px}.popup-nudge h4{font-family:var(--font-head);font-weight:800;font-size:14px;margin-bottom:5px}.popup-nudge p{font-size:12px;color:var(--text2);margin-bottom:12px;line-height:1.5}.nudge-price{font-family:var(--font-head);font-size:20px;font-weight:800;color:var(--green-light);margin-bottom:10px}.nudge-price span{font-size:12px;font-weight:400;color:var(--text3)}.nudge-later{text-align:center;font-size:11px;color:var(--text3);cursor:pointer;padding:4px;margin-top:5px}.nudge-later:hover{color:var(--text2)}.checkmark-circle{width:68px;height:68px;border-radius:50%;background:rgba(117,186,117,.1);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.checkmark-path{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheck .5s ease .2s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.publish-url-box{display:flex;align-items:center;gap:8px;padding:11px 13px;background:var(--surface);border:1px solid var(--border);border-radius:9px;margin:16px 0;text-align:left}.publish-url{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis}.publish-copy-btn,.publish-url{color:var(--green-light);white-space:nowrap}.publish-copy-btn{font-size:10px;padding:3px 9px;background:rgba(117,186,117,.1);border:1px solid rgba(117,186,117,.2);border-radius:5px;cursor:pointer;font-family:var(--font-body)}.publish-actions{display:flex;gap:8px}.upgrade-modal-content{max-width:440px}.upgrade-plans{display:flex;flex-direction:column;gap:9px;margin:18px 0}.upgrade-plan-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.upgrade-plan-row:hover{border-color:rgba(117,186,117,.4);background:rgba(117,186,117,.05)}.upgrade-plan-name{font-weight:600;font-size:13px}.upgrade-plan-price{font-family:var(--font-head);font-weight:800;color:var(--green-light)}.mobile-bottom-nav{display:none}.mobile-sidebar-drawer,.mobile-sidebar-overlay{display:none;position:fixed}.mobile-studio-notice{display:none}@media (max-width:768px){.nav{padding:12px 16px}.nav-links{display:none}.studio-layout{flex-direction:column}.sidebar{display:none}.studio-main{flex:1;flex-direction:column}.split-view,.studio-main{width:100%;overflow:hidden;display:flex}.chat-pane,.split-view{flex:1;min-width:0}.chat-pane{width:100%;max-width:100%;overflow:hidden}.preview-panel,.split-resize-handle{display:none}.studio-topbar{padding:8px 10px;gap:5px;min-height:48px;overflow:visible}.studio-topbar-title{display:none}.fomo-topbar{display:none!important}.academy-btn-label{display:none}.model-selector span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:150px}.submodel-star{display:none}.submodel-selector{font-size:11px;padding:4px 8px;min-width:0;max-width:78px;gap:4px}.submodel-selector span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.token-cost-badge{display:none}.model-dropdown{max-height:60vh;z-index:400}.model-dropdown,.submodel-dropdown{position:fixed!important;top:56px!important;left:8px!important;right:8px!important;width:auto!important;overflow-y:auto;border-radius:12px}.submodel-dropdown{max-height:50vh;z-index:410}.sidebar-token-bar{display:none}.mobile-bottom-nav{display:flex;align-items:center;flex-shrink:0;background:var(--bg2);border-top:1px solid var(--border);gap:0;z-index:50;padding:0 4px env(safe-area-inset-bottom,0);height:calc(56px + env(safe-area-inset-bottom,0))}.studio-layout{position:fixed;top:var(--app-top,0);left:0;right:0;height:var(--app-height,100dvh);box-sizing:border-box;min-height:0}.split-view,.studio-main{min-height:0}.split-view{height:100%;flex:1 1 auto}.chat-messages,.chat-pane{min-height:0}.studio-topbar{position:fixed;left:0;right:0;top:var(--app-top,0);z-index:50;background:var(--bg2);border-bottom:1px solid var(--border)}.studio-main:has(>.studio-topbar){padding-top:48px}.chat-empty{padding:18px 18px 24px}.chat-empty-icon{font-size:36px}.chat-empty-icon svg{width:36px;height:36px}.chat-empty h3{font-size:18px}.chat-empty p{font-size:13px;max-width:260px}.chat-empty .example-prompt{font-size:13px;padding:9px 14px}.chat-empty{padding:0 18px;gap:10px}.chat-input-area{flex-shrink:0;background:var(--bg2);border-top:1px solid var(--border);padding:12px 16px}.chat-pane{height:100%;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto}.admin-editor-input,.chat-input,.form-input,input:not([type]),input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}.token-warn-banner{flex-wrap:wrap;padding:8px 12px;font-size:11px;gap:6px}.token-warn-banner .token-warn-bar{display:none}.token-warn-banner{position:fixed;top:calc(var(--app-top,0px) + 48px);left:0;right:0;z-index:49;background:linear-gradient(rgba(94,168,94,.12),rgba(94,168,94,.12)),var(--bg2)}.studio-main:has(.token-warn-banner){padding-top:calc(48px + 72px)}.token-warn-btn{padding:4px 10px;font-size:10px}.token-warn-btn.primary{display:none}.about-page,.blog-page,.jobs-page,.landing,.landing-courses,.pricing-page,.tools-page,section:last-child{padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}.mobile-sidebar-overlay{display:block}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0;border:none;background:none;cursor:pointer;color:var(--text3);font-size:9px;font-weight:600;letter-spacing:.3px;transition:color .15s;font-family:var(--font-body);border-radius:8px}.mobile-nav-btn.active{color:var(--green-light)}.mobile-nav-btn svg{opacity:.6}.mobile-nav-btn.active svg{opacity:1}.mobile-sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg2);border-right:1px solid var(--border);z-index:200;display:flex;flex-direction:column;animation:slideInLeft .22s ease}.mobile-sidebar-overlay{position:fixed;inset:0;background:var(--overlay);z-index:199;backdrop-filter:blur(2px)}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.chat-footer{padding:8px 12px}.chat-input-wrap{border-radius:12px}.chat-input{font-size:14px}.mobile-studio-notice{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px 24px}.dashboard-page,.pricing-page,.referral-page,.settings-page{padding:16px}.plan-card{padding:20px 16px}.settings-section{padding:16px}.settings-mobile-nav{display:block}.pricing-plans-grid{grid-template-columns:1fr!important}.pricing-ref-banner{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important;border-radius:14px!important}.pricing-ref-banner>div:first-child{display:none!important}.pricing-ref-banner>div:last-child{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.pricing-ref-banner-badge{padding:8px 14px!important}.pricing-ref-banner .btn-primary{flex:1;text-align:center;justify-content:center}.pricing-daily-banner{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:16px!important;border-radius:14px!important;margin-bottom:24px!important}.pricing-daily-banner>button{width:100%!important;justify-content:center!important}.pricing-inner-inline{padding:16px 12px 40px!important}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-charts-row,.admin-editor-wrap{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-user-drawer{width:100%}.admin-table td,.admin-table th{padding:8px 10px;font-size:11px}.admin-table td:nth-child(4),.admin-table td:nth-child(6),.admin-table td:nth-child(8),.admin-table th:nth-child(4),.admin-table th:nth-child(6),.admin-table th:nth-child(8){display:none}.referral-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.ref-stat{padding:12px 6px}.ref-stat-value{font-size:22px}.ref-stat-label{font-size:10px;line-height:1.25;margin-top:4px}.ref-link-preview,.ref-share-btn{display:none!important}.pricing-grid,.ref-steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.topup-grid{grid-template-columns:1fr 1fr}.modal{padding:24px 20px}}@media (max-width:480px){.hero-title{font-size:32px}.hero-sub{font-size:15px}.hero-input-wrap{border-radius:14px}.hero-send-btn{min-width:100px;font-size:13px}.hero-quick-btns{gap:8px}.hero-quick-btn{font-size:12px;padding:8px 14px}.section{padding:48px 16px}.feat-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid,.test-bento,.test-bento-row,.test-grid{grid-template-columns:1fr}}.image-card{position:relative;overflow:hidden}.image-card-overlay{position:absolute;inset:0;background:var(--overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s;cursor:pointer}.image-card:hover .image-card-overlay{opacity:1}.img-dl-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(117,186,117,.9);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .15s;backdrop-filter:blur(4px)}.img-dl-btn:hover{background:var(--green);transform:scale(1.04)}.img-var-label{font-size:11px;color:rgba(255,255,255,.7)}.video-wrapper{width:100%;display:flex;flex-direction:column;gap:12px}.video-dl-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.video-dl-info{flex:1}.video-dl-name{font-size:13px;font-weight:600;color:var(--text)}.video-dl-meta{font-size:11px;color:var(--text3);margin-top:2px}.video-dl-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--green),var(--green-dark));border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .2s;white-space:nowrap}.video-dl-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(117,186,117,.4)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.export-panel{width:100%;display:flex;flex-direction:column;gap:14px}.export-section-title{font-family:var(--font-head);font-weight:700;font-size:13px;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.export-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s}.export-row:hover{border-color:rgba(117,186,117,.25)}.export-row-icon{font-size:22px;flex-shrink:0}.export-row-info{flex:1}.export-row-name{font-size:13px;font-weight:600}.export-row-desc{font-size:11px;color:var(--text3);margin-top:2px}.export-row-badge{font-size:9px;padding:2px 7px;border-radius:4px;background:rgba(255,200,0,.12);color:#ffd700;font-weight:700;margin-left:6px}.export-row-badge.green{background:rgba(117,186,117,.12);color:var(--green-light)}.export-dl-btn{padding:7px 14px;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .15s;white-space:nowrap}.export-dl-btn.primary{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}.export-dl-btn.primary:hover{box-shadow:0 3px 12px rgba(117,186,117,.4)}.export-dl-btn.ghost{background:var(--surface);border:1px solid var(--border);color:var(--text2)}.export-dl-btn.ghost:hover{border-color:rgba(117,186,117,.3);color:var(--green-light)}.export-dl-btn.locked{background:var(--surface);border:1px solid var(--border);color:var(--text3);cursor:default;opacity:.6}.export-domain-box{padding:14px 16px;background:rgba(117,186,117,.04);border:1px solid rgba(117,186,117,.15);border-radius:var(--radius-sm)}.export-domain-input{width:100%;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:13px;outline:none;transition:border-color .2s;margin:10px 0}.export-domain-input:focus{border-color:rgba(117,186,117,.4)}.export-domain-input::placeholder{color:var(--text3)}.export-dns-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg3);border-radius:5px;font-family:Courier New,monospace;font-size:11px;color:var(--text2);margin-bottom:6px}.export-dns-type{padding:2px 6px;background:rgba(117,186,117,.15);border-radius:3px;color:var(--green-light);font-size:10px;font-weight:700;flex-shrink:0}.export-dns-copy{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;margin-left:auto;padding:2px 6px;border-radius:4px;transition:all .15s}.export-dns-copy:hover{background:var(--surface);color:var(--green-light)}@media (max-width:768px){.mobile-studio-notice{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:16px;color:var(--text2)}.mobile-studio-notice.show-anyway{display:none}}.pagination{gap:4px;padding:24px 0 8px;flex-wrap:wrap}.pagination,.pg-btn{display:flex;align-items:center;justify-content:center}.pg-btn{min-width:36px;height:36px;padding:0 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.pg-btn:hover:not(:disabled){border-color:rgba(117,186,117,.4);color:var(--text);background:rgba(117,186,117,.06)}.pg-btn.active{background:var(--green);border-color:var(--green);color:#000;font-weight:800;cursor:default;pointer-events:none}.pg-btn:disabled{opacity:.3;cursor:not-allowed}.pg-info{font-size:12px;color:var(--text3);padding:0 6px}@media(max-width:480px){.pg-btn{min-width:30px;height:30px;font-size:12px}}.jobs-page{max-width:1180px;margin:0 auto;padding:80px 24px}.jobs-hero{text-align:center;padding:60px 0 48px}.jobs-hero-title{font-family:var(--font-head);font-weight:900;font-size:clamp(32px,5vw,56px);color:var(--text);margin-bottom:14px;line-height:1.15}.jobs-hero-sub{font-size:17px;color:var(--text2);margin-bottom:28px;max-width:520px;margin-left:auto;margin-right:auto}.jobs-post-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--green),var(--green-dark));border:none;border-radius:var(--radius);color:#fff;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .2s;box-shadow:0 4px 20px rgba(117,186,117,.35)}.jobs-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(117,186,117,.45)}.jobs-expert-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#fff;border:2px solid var(--green);border-radius:var(--radius);color:var(--green-dark);font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .2s;text-decoration:none}.jobs-expert-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(117,186,117,.25);background:rgba(117,186,117,.08)}[data-theme=dark] .jobs-expert-btn{background:rgba(255,255,255,.92)}.jobs-cats{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.jobs-cat-btn{padding:7px 16px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font-body)}.jobs-cat-btn.active,.jobs-cat-btn:hover{background:rgba(117,186,117,.12);border-color:rgba(117,186,117,.4);color:var(--green-light)}.jobs-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.jobs-search{flex:1;min-width:200px;padding:9px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;font-family:var(--font-body)}.jobs-search:focus{border-color:rgba(117,186,117,.4)}.jobs-select{padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.jobs-filter-btn,.jobs-select{font-size:12px;cursor:pointer;font-family:var(--font-body)}.jobs-filter-btn{padding:7px 12px;border-radius:100px;border:1px solid var(--border);background:none;color:var(--text3);transition:all .15s}.jobs-filter-btn.active{background:rgba(117,186,117,.12);border-color:rgba(117,186,117,.4);color:var(--green-light)}.jobs-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:16px}.job-card:hover{border-color:rgba(117,186,117,.35);background:rgba(117,186,117,.04);transform:translateX(3px)}.job-company-avatar{width:42px;height:42px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.job-card-left{flex:1;min-width:0}.job-card-company{display:flex;align-items:center;gap:8px;margin-bottom:4px}.job-company-name{font-size:12px;color:var(--text3)}.job-company-date{font-size:11px;color:var(--text3);opacity:.6}.job-card-title{font-weight:700;font-size:15px;color:var(--text);margin-bottom:4px}.job-card-desc,.job-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-card-desc{font-size:12px;color:var(--text3);max-width:480px}.job-card-blur{position:relative}.job-blur-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text3);background:linear-gradient(to right,transparent,var(--bg2) 40%)}.job-card-tags{align-items:center;flex-shrink:0}.job-tag{font-size:11px;padding:3px 9px;border-radius:100px;font-weight:600;white-space:nowrap}.job-tag.cat{background:rgba(117,186,117,.1);color:var(--green-light);border:1px solid rgba(117,186,117,.2)}.job-tag.geo{background:var(--surface);color:var(--text3);border:1px solid var(--border)}.job-tag.type-project{background:rgba(96,165,250,.1);color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.job-tag.type-fulltime{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.job-tag.type-parttime{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.job-tag.type-contract{background:rgba(167,139,250,.1);color:#a78bfa;border:1px solid rgba(167,139,250,.2)}.job-budget{font-family:var(--font-head);font-weight:800;font-size:16px;color:var(--green-light);white-space:nowrap;flex-shrink:0}.job-views{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text3);margin-top:2px}.job-card-top{display:flex;align-items:flex-start;gap:12px;width:100%}.job-card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.job-detail-page{max-width:1100px;margin:0 auto;padding:100px 24px 80px;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.job-detail-main{min-width:0}.job-detail-experts-rail{position:sticky;top:90px;display:flex;flex-direction:column;gap:10px}.job-detail-experts-rail>*{flex-shrink:0}.blog-post-grid{max-width:1100px;margin:0 auto;padding:100px 24px 60px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.blog-post-main{min-width:0;max-width:760px}.blog-post-rail{position:sticky;top:90px;display:flex;flex-direction:column;gap:10px}.blog-post-rail>*{flex-shrink:0}.expert-detail-grid{flex:1;max-width:1220px;margin:0 auto;padding:120px 24px 64px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start;color:var(--text)}.expert-detail-main{min-width:0}.expert-detail-rail{position:sticky;top:90px;display:flex;flex-direction:column;gap:10px}@media (max-width:900px){.job-detail-page{grid-template-columns:1fr;max-width:760px}.job-detail-experts-rail{position:static}.blog-post-grid{grid-template-columns:1fr;max-width:760px}.blog-post-rail{position:static}.expert-detail-grid{grid-template-columns:1fr;max-width:920px;padding:100px 24px 64px}.expert-detail-rail{position:static}}.job-detail-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px}.job-detail-title{font-family:var(--font-head);font-weight:800;font-size:26px;color:var(--text);line-height:1.25;margin-top:8px}.job-detail-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:20px}.job-apply-box{background:rgba(117,186,117,.05);border:1px solid rgba(117,186,117,.2);border-radius:var(--radius);padding:28px;text-align:center}.job-apply-blurred{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:8px}.post-job-modal{position:fixed;inset:0;background:var(--overlay);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.post-job-inner{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:28px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.post-job-title{font-family:var(--font-head);font-weight:800;font-size:18px}.pj-label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin:12px 0 4px;text-transform:uppercase;letter-spacing:.5px}.pj-input,.pj-select,.pj-textarea{width:100%;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none;font-family:var(--font-body);box-sizing:border-box}.pj-input:focus,.pj-textarea:focus{border-color:rgba(117,186,117,.4)}.pj-textarea{resize:vertical;min-height:90px;field-sizing:content;max-height:60vh}.pj-select{cursor:pointer}.pj-row2{grid-template-columns:1fr 1fr;margin-top:4px}.pj-row2,.pj-row3{display:grid;gap:10px}.pj-row3{grid-template-columns:1fr 1fr 100px}@media (max-width:640px){.pj-row2,.pj-row3{grid-template-columns:1fr}}@media(max-width:768px){.jobs-page{padding:70px 16px 80px}.jobs-hero{padding:32px 0 28px}.jobs-hero-title{font-size:28px}.job-card{gap:10px}.job-card,.job-card-tags{flex-wrap:wrap}.job-detail-page{padding:70px 16px 80px}.post-job-inner{padding:20px}}.courses-page{flex:1;overflow-y:auto;padding:32px 28px}.courses-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}.courses-page-title{font-family:var(--font-head);font-weight:800;font-size:28px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.course-tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s}.course-tile:hover{border-color:rgba(117,186,117,.3);transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.course-tile-visual{height:140px;display:flex;align-items:center;justify-content:center;font-size:56px;position:relative}.course-tile-badge{position:absolute;top:10px;right:10px;font-size:9px;padding:3px 8px;border-radius:4px;font-weight:700}.course-tile-badge.new{background:rgba(74,222,128,.15);color:#4ade80}.course-tile-badge.soon{background:rgba(251,191,36,.15);color:#fbbf24}.course-tile-body{padding:16px}.course-tile-title{font-family:var(--font-head);font-weight:700;font-size:15px;margin-bottom:6px}.course-tile-desc{font-size:12px;color:var(--text3);line-height:1.5;margin-bottom:12px}.course-tile-meta{display:flex;align-items:center;justify-content:space-between}.course-tile-price{font-weight:800;font-size:16px;color:var(--green-light)}.course-tile-info{font-size:11px;color:var(--text3)}.course-detail{flex:1;overflow-y:auto;padding:32px 28px}.course-detail-header{display:grid;grid-template-columns:1fr 340px;gap:32px;margin-bottom:40px;align-items:start}.course-detail-visual{border-radius:16px;height:220px;display:flex;align-items:center;justify-content:center;font-size:80px;background:linear-gradient(135deg,rgba(167,139,250,.1),rgba(117,186,117,.05));border:1px solid var(--border)}.course-detail-title{font-family:var(--font-head);font-weight:800;font-size:28px;margin-bottom:12px;line-height:1.2}.course-detail-desc{font-size:15px;color:var(--text2);line-height:1.7;margin-bottom:20px}.course-detail-stats{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px}.course-detail-stat{text-align:center}.course-detail-stat-val{font-weight:800;font-size:20px;color:var(--text)}.course-detail-stat-lbl{font-size:11px;color:var(--text3)}.course-modules{display:flex;flex-direction:column;gap:12px}.course-module{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.course-module-header{padding:14px 18px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.02)}.course-module-lessons{padding:8px 18px 14px}.course-module-lesson{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--surface);font-size:13px;color:var(--text2)}.course-module-lesson:last-child{border-bottom:none}@media(max-width:768px){.courses-page{padding:16px}.courses-grid{grid-template-columns:1fr}.course-detail{padding:16px}.course-detail-header{grid-template-columns:1fr}.course-detail-visual{height:140px;font-size:56px}.course-detail-title{font-size:20px}}.admin-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.admin-sidebar{width:220px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.admin-sidebar-logo{padding:18px 18px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.admin-sidebar-badge{font-size:9px;padding:2px 6px;background:rgba(239,68,68,.2);color:#f87171;border-radius:4px;font-weight:700;letter-spacing:.5px}.admin-nav-section{padding:14px 16px 4px;font-size:9px;font-weight:700;color:var(--text3);letter-spacing:1px;text-transform:uppercase}.admin-nav-item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:7px;margin:1px 8px;cursor:pointer;font-size:12.5px;color:var(--text2);transition:all .15s;border:none;background:none;width:calc(100% - 16px);text-align:left}.admin-nav-item:hover{background:var(--surface);color:var(--text)}.admin-nav-item.active{background:rgba(117,186,117,.12);color:var(--green-light)}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-topbar{padding:0 28px;height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0}.admin-topbar-title{font-family:var(--font-head);font-weight:800;font-size:16px}.admin-content{flex:1;overflow-y:auto;padding:24px 28px}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.admin-stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.06}.admin-stat-card.green:after{background:var(--green)}.admin-stat-card.blue:after{background:#60a5fa}.admin-stat-card.purple:after{background:#a78bfa}.admin-stat-card.orange:after{background:#fb923c}.admin-stat-label{font-size:10px;color:var(--text3);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.admin-stat-value{font-family:var(--font-head);font-weight:800;font-size:22px;color:var(--text);margin-bottom:4px}.admin-stat-sub{font-size:11px;color:var(--text3)}.admin-stat-sub.up{color:#4ade80}.admin-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.admin-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.admin-chart-title{font-family:var(--font-head);font-weight:700;font-size:13px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.admin-period-btn{padding:3px 9px;border-radius:5px;border:1px solid var(--border);background:none;color:var(--text3);font-size:11px;cursor:pointer;transition:all .15s}.admin-period-btn.active{background:rgba(117,186,117,.15);border-color:rgba(117,186,117,.4);color:var(--green-light)}.admin-bar-chart{display:flex;align-items:flex-end;gap:2px;height:90px;width:100%}.admin-bar{flex:1;border-radius:2px 2px 0 0;min-height:2px;cursor:pointer;transition:opacity .2s}.admin-bar:hover{opacity:.75}.admin-bar.revenue{background:linear-gradient(180deg,var(--green),var(--green-dark))}.admin-bar.users{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.admin-bar.tokens{background:linear-gradient(180deg,#fbbf24,#d97706)}.admin-bar.credits{background:linear-gradient(180deg,#a78bfa,#7c3aed)}.admin-api-table{width:100%;border-collapse:collapse}.admin-api-table th{text-align:left;padding:7px 12px;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-weight:700;border-bottom:1px solid var(--border)}.admin-api-table td{padding:10px 12px;font-size:12px;border-bottom:1px solid var(--surface)}.admin-api-table tr:last-child td{border-bottom:none}.admin-api-table tr:hover td{background:rgba(255,255,255,.02)}.admin-api-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px;flex-shrink:0}.admin-margin-bar{height:5px;border-radius:3px;background:var(--surface2);display:inline-flex;overflow:hidden;width:60px;vertical-align:middle}.admin-margin-fill{background:var(--green)}.admin-users-filters{display:flex;gap:10px;margin-bottom:14px;align-items:center}.admin-search-input{flex:1;max-width:260px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none}.admin-search-input:focus{border-color:rgba(117,186,117,.4)}.admin-search-input::placeholder{color:var(--text3)}.admin-filter-btn{padding:6px 13px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:12px;cursor:pointer;transition:all .15s}.admin-filter-btn:hover{border-color:rgba(117,186,117,.3);color:var(--text)}.admin-filter-btn.active{background:rgba(117,186,117,.12);border-color:rgba(117,186,117,.4);color:var(--green-light);font-weight:600}.admin-users-filters .admin-filter-select{padding:6px 10px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:12px;cursor:pointer;outline:none;transition:border-color .15s}.admin-users-filters .admin-filter-select:focus{border-color:rgba(117,186,117,.4)}.admin-users-filters .admin-filter-select:hover{border-color:rgba(117,186,117,.3)}.admin-role-badge{display:inline-block;padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.admin-role-admin{background:rgba(248,113,113,.15);color:#f87171;border:1px solid rgba(248,113,113,.3)}.admin-role-editor{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.admin-role-author{background:rgba(167,139,250,.15);color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:9px 16px;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-weight:700;background:var(--surface);border-bottom:1px solid var(--border)}.admin-table td{padding:11px 16px;font-size:12.5px;border-bottom:1px solid var(--surface)}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:rgba(117,186,117,.03);cursor:pointer}.admin-plan-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700}.admin-plan-badge.free{background:var(--surface2);color:var(--text3)}.admin-plan-badge.pro{background:rgba(117,186,117,.15);color:var(--green-light)}.admin-plan-badge.expert{background:rgba(245,158,11,.15);color:#fbbf24}.admin-plan-badge.business{background:rgba(167,139,250,.15);color:#c4b5fd}.admin-status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:6px}.admin-status-dot.active{background:#4ade80}.admin-status-dot.suspended{background:#f87171}.admin-tokens-bar{height:3px;border-radius:2px;background:var(--surface2);width:60px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:6px}.admin-tokens-fill{height:100%;border-radius:2px;background:var(--green)}.admin-user-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg2);border-left:1px solid var(--border);z-index:100;display:flex;flex-direction:column;animation:slideInRight .2s ease}.admin-drawer-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.admin-drawer-body{flex:1;overflow-y:auto;padding:20px 22px}.admin-drawer-section{margin-bottom:20px}.admin-drawer-section-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.admin-drawer-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--surface)}.admin-drawer-row:last-child{border-bottom:none}.admin-drawer-label{font-size:12px;color:var(--text3)}.admin-drawer-value{font-size:12px;font-weight:600}.admin-chat-item{padding:9px 12px;background:var(--surface);border-radius:7px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}.admin-chat-title{font-size:12px;color:var(--text2)}.admin-chat-date{font-size:10px;color:var(--text3)}.admin-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-list-title{font-family:var(--font-head);font-weight:800;font-size:17px}.admin-article-row{display:flex;align-items:center;gap:14px;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:7px;transition:all .15s}.admin-article-row:hover{border-color:rgba(117,186,117,.25)}.admin-article-thumb{width:38px;height:38px;border-radius:8px;background:rgba(117,186,117,.1);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.admin-article-info{flex:1}.admin-article-title{font-size:13.5px;font-weight:600;margin-bottom:3px}.admin-article-meta{font-size:11px;color:var(--text3)}.admin-pub-badge{padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700}.admin-pub-badge.published{background:rgba(74,222,128,.12);color:#4ade80}.admin-pub-badge.draft{background:rgba(251,191,36,.12);color:#fbbf24}.admin-article-actions{display:flex;gap:6px;flex-shrink:0}.admin-editor-wrap{grid-template-columns:1fr 280px}.admin-editor-main{display:flex;flex-direction:column;gap:12px}.admin-editor-wrap-wide{display:flex!important;justify-content:center!important;max-width:none!important}.admin-editor-telegraph{display:flex;flex-direction:column;gap:14px;max-width:920px;width:100%;margin:0 auto}.article-hero-block{margin:8px 0}.article-hero-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:var(--surface)}.article-hero-img{display:block;width:100%;max-height:360px;object-fit:cover}.article-hero-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px}.article-hero-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;background:rgba(0,0,0,.65);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;backdrop-filter:blur(6px)}.article-hero-btn:hover{background:rgba(0,0,0,.85)}.article-hero-btn-danger{background:rgba(220,38,38,.7)}.article-hero-btn-danger:hover{background:rgba(220,38,38,.9)}.article-hero-empty{display:flex;align-items:center;justify-content:center;padding:48px 24px;border:2px dashed var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.article-hero-empty:hover{border-color:var(--green);background:rgba(117,186,117,.04)}.article-title-input{font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text);background:transparent;border:0;outline:none;padding:6px 0 0;width:100%;display:block;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;font-family:var(--font-head)!important}.article-title-input::placeholder{color:var(--text3);font-weight:800}.article-subtitle-input{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:1.4;color:var(--text2);background:transparent;border:0;outline:none;padding:0 0 4px;width:100%;display:block;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;font-style:italic}.article-subtitle-input::placeholder{color:var(--text3);font-style:italic}.admin-editor-telegraph .rich-root,.rich-root.rich-root{max-width:920px;border:0;background:transparent;padding:8px 0 32px}.admin-editor-input{width:100%;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.admin-editor-input:focus{border-color:rgba(117,186,117,.4)}.admin-editor-input::placeholder{color:var(--text3)}.admin-editor-textarea{width:100%;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;resize:none;line-height:1.7;min-height:360px;box-sizing:border-box}.admin-editor-textarea:focus{border-color:rgba(117,186,117,.4)}.rich-root{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:32px 56px 48px;min-height:420px;max-width:780px;margin:0 auto}.rich-surface{outline:none;min-height:340px;color:var(--text);font-size:17px;line-height:1.75;font-family:var(--font-body)}.rich-surface:focus{outline:none}.rich-surface p{margin:0 0 18px;color:var(--text);font-size:17px;line-height:1.75}.rich-surface p:empty:before{content:""}.rich-surface>p:first-child:empty:before{content:"Start writing your article…";color:var(--text3)}.rich-surface h1{font-size:32px;margin:40px 0 16px;line-height:1.2}.rich-surface h1,.rich-surface h2{font-family:var(--font-head);font-weight:800;color:var(--text);letter-spacing:-.015em}.rich-surface h2{font-size:28px;margin:36px 0 14px;line-height:1.25}.rich-surface h3{font-size:22px;margin:28px 0 10px;line-height:1.3;letter-spacing:-.01em}.rich-surface h3,.rich-surface h4{font-family:var(--font-head);font-weight:700;color:var(--text)}.rich-surface h4{font-size:18px;margin:24px 0 8px}.rich-surface blockquote{margin:24px 0;padding:12px 18px;border-left:3px solid var(--green);background:rgba(117,186,117,.06);border-radius:0 10px 10px 0;color:var(--text);font-style:italic;font-size:17px}.rich-surface blockquote p{margin:0;color:inherit;font-style:inherit;font-size:inherit}.rich-surface ol,.rich-surface ul{margin:0 0 18px;padding-left:24px;color:var(--text);font-size:17px;line-height:1.7}.rich-surface ol li,.rich-surface ul li{margin:6px 0}.rich-surface ul li::marker{color:var(--green)}.rich-surface ol li::marker{color:var(--green);font-weight:700}.rich-surface b,.rich-surface strong{font-weight:700;color:var(--text)}.rich-surface em,.rich-surface i{font-style:italic}.rich-surface figure.kg-image-card{margin:24px 0;text-align:center}.rich-surface figure.kg-image-card img{display:block;max-width:100%;height:auto;border-radius:10px;margin:0 auto}.rich-surface figure.kg-image-card figcaption{font-size:13px;color:var(--text3);margin-top:8px}.rich-surface figure.kg-embed-card{margin:24px 0}.rich-surface figure.kg-embed-card iframe,.rich-surface iframe{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;border:0;border-radius:10px;background:#000}.rich-surface figure.kg-embed-card figcaption{font-size:13px;color:var(--text3);margin-top:8px;text-align:center}.rich-surface hr{border:0;border-top:1px solid var(--border);margin:28px 0}.rich-surface pre,.rich-surface pre.kg-code{margin:18px 0;padding:14px 16px;background:#0f1419;border:1px solid #1f2933;border-radius:8px;color:#d4d4d4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;overflow-x:auto;max-width:100%;white-space:pre}.rich-surface pre code{background:transparent;border:0;color:inherit;padding:0;font-size:inherit}.rich-surface code{background:var(--surface2);color:var(--green-light);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:2px 6px;border-radius:4px;border:1px solid var(--border-soft)}.rich-surface a{color:var(--green);text-decoration:underline}.rich-surface a:hover{color:var(--green-light)}.rich-toolbar{position:fixed;transform:translate(-50%,-100%);z-index:60;background:#0f1419;border:1px solid #2a3440;border-radius:8px;padding:4px;display:flex;align-items:center;gap:1px;box-shadow:0 12px 32px rgba(0,0,0,.55)}.rich-toolbar button{min-width:32px;height:30px;padding:0 8px;background:transparent;border:0;color:#e6edf3;cursor:pointer;border-radius:5px;font-size:13px;display:flex;align-items:center;justify-content:center}.rich-toolbar button:hover{background:rgba(95,213,117,.18);color:var(--green-light)}.rich-toolbar-sep{display:inline-block;width:1px;height:18px;background:#2a3440;margin:0 4px}.rich-plus-wrap{position:absolute;left:14px;display:flex;align-items:flex-start}.rich-plus-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--surface2);color:var(--text3);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .15s,color .15s,background .15s,border-color .15s}.rich-plus-btn.open,.rich-plus-btn:hover{color:var(--green);border-color:var(--green);background:rgba(95,213,117,.1)}.rich-plus-btn.open{transform:rotate(45deg)}.rich-plus-menu{position:absolute;top:34px;left:0;z-index:55;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 12px 32px rgba(0,0,0,.35);min-width:180px}.rich-plus-menu button{padding:8px 12px;background:transparent;border:0;color:var(--text);cursor:pointer;border-radius:6px;font-size:13px;text-align:left;display:flex;align-items:center;gap:8px}.rich-plus-menu button:hover{background:rgba(95,213,117,.1);color:var(--green-light)}.rich-link-form{position:fixed;transform:translate(-50%);z-index:62;background:#0f1419;border:1px solid #2a3440;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 32px rgba(0,0,0,.55);min-width:340px}.rich-link-row{display:flex;gap:6px}.rich-link-row input[type=text]{flex:1;padding:8px 10px;background:#1a2230;border:1px solid #2a3440;border-radius:6px;color:#e6edf3;font-size:12px;outline:none}.rich-link-row input[type=text]:focus{border-color:rgba(95,213,117,.5)}.rich-link-insert{padding:8px 14px;background:var(--green);color:#fff;border:0;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer}.rich-link-insert:hover{background:var(--green-dark)}.rich-link-opts{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#9aa3ad}.rich-link-opts label{display:flex;align-items:center;gap:6px;cursor:pointer}.rich-link-opts label b{color:#e6edf3}.rich-link-opts input[type=checkbox]{accent-color:var(--green)}.rich-link-cancel{align-self:flex-start;background:transparent;border:0;color:#9aa3ad;font-size:11px;cursor:pointer;padding:2px 0}.rich-link-cancel:hover{color:#fff}.rich-toolbar-link{padding:6px 10px;gap:6px}.rich-link-href{color:#5fd575;font-size:12px;text-decoration:none;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rich-link-href:hover{text-decoration:underline}.rich-link-chip{font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;line-height:1.4}.rich-link-chip.ok{background:rgba(95,213,117,.18);color:#5fd575}.rich-link-chip.warn{background:rgba(251,191,36,.18);color:#fbbf24}.rich-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}.rich-modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:520px;max-width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55)}.rich-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);font-family:var(--font-head);font-weight:800;font-size:14px}.rich-modal-header button{background:transparent;border:0;color:var(--text3);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px}.rich-modal-header button:hover{background:var(--surface2);color:var(--text)}.rich-modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.rich-modal-label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.rich-modal-hint{color:var(--text3);font-weight:400;text-transform:none;letter-spacing:0}.rich-modal-body input[type=text]{width:100%;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;outline:none;box-sizing:border-box}.rich-modal-body input[type=text]:focus{border-color:rgba(95,213,117,.5)}.rich-modal-or{font-size:11px;color:var(--text3);text-align:center;margin:6px 0}.rich-upload-label{display:inline-block;align-self:flex-start;padding:9px 16px;background:rgba(95,213,117,.1);border:1px solid rgba(95,213,117,.25);border-radius:7px;color:var(--green-light);font-size:13px;cursor:pointer;font-weight:600}.rich-upload-label:hover{background:rgba(95,213,117,.2)}.rich-modal-preview{max-width:100%;max-height:240px;border-radius:8px;align-self:flex-start;margin-top:6px}.rich-modal-err{font-size:12px;color:#f87171;padding:8px 10px;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.2);border-radius:6px;margin-top:8px}.rich-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface)}.rich-modal-cancel{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--text2);font-size:13px;cursor:pointer}.rich-modal-cancel:hover{background:var(--surface2);color:var(--text)}.rich-modal-submit{padding:8px 16px;background:var(--green);border:0;border-radius:7px;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.rich-modal-submit:hover{background:var(--green-dark)}.rich-modal-submit:disabled{opacity:.5;cursor:not-allowed}.rich-imgedit{position:fixed;transform:translate(-50%);z-index:115;width:380px;max-width:92vw;background:var(--bg2);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 40px rgba(0,0,0,.55);display:flex;flex-direction:column}.rich-imgedit-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-family:var(--font-head);font-weight:800;font-size:13px}.rich-imgedit-header button{background:transparent;border:0;color:var(--text3);cursor:pointer;font-size:14px;padding:2px 8px;border-radius:5px}.rich-imgedit-header button:hover{background:var(--surface2);color:var(--text)}.rich-imgedit-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.rich-imgedit-body input[type=text]{width:100%;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;outline:none;box-sizing:border-box}.rich-imgedit-body input[type=text]:focus{border-color:rgba(95,213,117,.5)}.rich-imgedit-footer{display:flex;gap:6px;align-items:center;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface)}.rich-imgedit-delete{padding:7px 12px;background:transparent;border:1px solid rgba(248,113,113,.4);border-radius:6px;color:#f87171;font-size:12px;cursor:pointer;font-weight:600}.rich-imgedit-delete:hover{background:rgba(248,113,113,.12);color:#fca5a5}.rich-imgedit-preview{display:block;width:100%;max-height:160px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:var(--surface);margin-bottom:6px}.rich-imgedit-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);cursor:pointer;margin-top:4px}.rich-imgedit-checkbox input[type=checkbox]{accent-color:var(--green)}.seo-drawer-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;font-weight:600;cursor:pointer}.seo-drawer-toggle:hover{background:rgba(95,213,117,.1);border-color:rgba(95,213,117,.3)}.seo-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90}.seo-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100vw;background:var(--bg2);border-left:1px solid var(--border);z-index:91;display:flex;flex-direction:column;animation:seoDrawerIn .25s ease-out}@keyframes seoDrawerIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.seo-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.seo-drawer-title{font-family:var(--font-head);font-weight:800;font-size:14px;display:flex;align-items:center;gap:8px}.seo-drawer-close{background:transparent;border:0;color:var(--text3);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;border-radius:6px}.seo-drawer-close:hover{background:var(--surface2);color:var(--text)}.seo-drawer-body{flex:1;overflow-y:auto;padding:14px 18px;gap:14px}.admin-seo-panel,.seo-drawer-body{display:flex;flex-direction:column}.admin-seo-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;gap:12px}.admin-seo-label{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.admin-seo-preview{background:var(--surface);border-radius:7px;padding:12px;margin-bottom:2px}.admin-seo-preview-url{font-size:10px;color:#4ade80;margin-bottom:3px}.admin-seo-preview-title{font-size:13px;color:#60a5fa;font-weight:600;margin-bottom:3px}.admin-seo-preview-desc{font-size:11px;color:var(--text3);line-height:1.4}.admin-seo-score-row{display:flex;align-items:center;gap:10px}.admin-seo-score-bar{flex:1;height:6px;border-radius:3px;background:var(--surface2);overflow:hidden}.admin-seo-score-fill{height:100%;border-radius:3px}.admin-course-modules{display:flex;flex-direction:column;gap:8px}.admin-module-block{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.admin-module-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface)}.admin-module-title-input{flex:1;background:none;border:none;color:var(--text);font-size:13px;font-weight:600;outline:none;font-family:var(--font-body)}.admin-lesson-list{padding:6px 12px 10px 32px}.admin-lesson-item{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--surface)}.admin-lesson-item:last-child{border-bottom:none}.admin-lesson-input{flex:1;background:none;border:none;color:var(--text2);font-size:12px;outline:none;font-family:var(--font-body)}.admin-add-lesson-btn{display:flex;align-items:center;gap:5px;padding:5px 0;font-size:11px;color:var(--text3);background:none;border:none;cursor:pointer;transition:color .15s}.admin-add-lesson-btn:hover{color:var(--green-light)}.admin-add-module-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px dashed var(--border);border-radius:8px;background:none;color:var(--text3);font-size:12px;cursor:pointer;transition:all .15s;width:100%}.admin-add-module-btn:hover{border-color:rgba(117,186,117,.4);color:var(--green-light)}.seo-section{margin-bottom:0}.seo-section-title{font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.seo-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.seo-collapsible:hover{color:var(--text2)}.kw-check-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.kw-check-item{display:flex;align-items:center;gap:6px;font-size:11px;padding:3px 0}.kw-check-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.kw-check-dot.ok{background:#4ade80}.kw-check-dot.warn{background:#fbbf24}.kw-check-dot.fail{background:var(--surface3)}.kw-check-text.ok{color:var(--text2)}.kw-check-text.warn{color:#fbbf24}.kw-check-text.fail{color:var(--text3)}.readability-bar{height:5px;border-radius:3px;background:var(--surface2);overflow:hidden;flex:1}.readability-fill{height:100%;border-radius:3px;transition:width .3s}.og-preview{background:var(--surface);border-radius:8px;overflow:hidden;border:1px solid var(--surface2)}.og-preview-img{height:80px;background:linear-gradient(135deg,rgba(117,186,117,.15),rgba(74,143,74,.08));display:flex;align-items:center;justify-content:center;font-size:24px}.og-preview-body{padding:10px 12px}.og-preview-domain{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}.og-preview-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.35}.og-preview-desc{font-size:11px;color:var(--text3);line-height:1.4}.tw-preview{background:#000;border-radius:12px;border:1px solid #333;overflow:hidden}.tw-preview-img{height:70px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;font-size:22px}.tw-preview-body{padding:10px 12px}.tw-preview-title{font-size:12px;font-weight:700;color:#fff;margin-bottom:2px}.tw-preview-desc{font-size:11px;color:#888;margin-bottom:3px}.tw-preview-domain{font-size:10px;color:#555}.seo-ai-btn{width:100%;padding:10px;background:linear-gradient(135deg,rgba(117,186,117,.12),rgba(74,143,74,.06));border:1px solid rgba(117,186,117,.25);border-radius:8px;color:var(--green-light);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px}.seo-ai-btn:hover{background:linear-gradient(135deg,rgba(117,186,117,.2),rgba(74,143,74,.12));border-color:rgba(117,186,117,.45)}.seo-ai-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.seo-divider{height:1px;background:var(--surface2);margin:4px 0}.admin-editor-wrap{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}.seo-tech-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--surface);border-radius:6px}.seo-tech-label{font-size:12px;color:var(--text2);flex:1}.seo-tech-select{background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:11px;padding:3px 7px;outline:none;cursor:pointer}.seo-tech-select:focus{border-color:rgba(117,186,117,.4)}.blog-search-bar{display:flex;align-items:center;gap:12px;margin-bottom:28px}.blog-search-input{flex:1;padding:12px 20px;background:var(--surface);border:1px solid var(--border);border-radius:100px;color:var(--text);font-size:15px;font-family:var(--font-body);outline:none;transition:border-color .2s}.blog-search-input:focus{border-color:rgba(117,186,117,.4)}.blog-search-input::placeholder{color:var(--text3)}.blog-cat-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.blog-cat-pill{padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:var(--surface);color:var(--text2)}.blog-cat-pill.active,.blog-cat-pill:hover{border-color:rgba(117,186,117,.4);color:var(--green-light)}.blog-cat-pill.active{background:rgba(117,186,117,.15)}.admin-articles-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-filter-input{padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none;flex:1;min-width:180px}.admin-filter-input:focus{border-color:rgba(117,186,117,.4)}.admin-filter-input::placeholder{color:var(--text3)}.admin-filter-select{padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text2);font-size:12px;outline:none;cursor:pointer}.admin-filter-select:focus{border-color:rgba(117,186,117,.4)}.seo-score-circle{width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid;flex-shrink:0}.seo-score-breakdown{display:flex;flex-direction:column;gap:3px;margin-top:8px}.seo-score-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text3)}.seo-score-item.pass{color:var(--text2)}.seo-score-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.article-word-count{font-size:11px;color:var(--text3);margin-top:5px;display:flex;gap:14px}.article-word-count span{display:flex;align-items:center;gap:4px}@media(max-width:768px){.ai-tools-layout{grid-template-columns:1fr!important}.ai-tools-layout>aside{position:static!important;max-height:none!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}.catalog-filters-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:13px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body)}.catalog-filters-toggle .catalog-filters-chev{transition:transform .15s;flex-shrink:0}.catalog-filters-toggle[data-open=true] .catalog-filters-chev{transform:rotate(180deg)}.catalog-filters-body{display:none;margin-top:10px;padding:14px 10px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.catalog-filters-body[data-open=true]{display:block}}@media(min-width:769px){.catalog-filters-toggle{display:none!important}.catalog-filters-body{display:block!important;padding:0!important;background:transparent!important;border:0!important;margin-top:0!important;border-radius:0!important}}@media(max-width:768px){.test-bento,.test-bento-row{grid-template-columns:1fr}.test-bento-img{height:180px}.nav{padding:10px 12px;flex-wrap:wrap}.nav-actions .nav-login-btn,.nav-links{display:none}.nav-actions{gap:6px;margin-left:auto;align-items:center}.nav-burger{display:flex;align-items:center;justify-content:center}.nav-logo{flex:0 0 auto;font-size:16px;gap:6px}.nav-logo-dot{width:6px;height:6px}.nav-actions .btn-primary{font-size:12px;padding:7px 12px;border-radius:8px}.nav-mobile-menu{display:flex;flex-direction:column;gap:2px;width:calc(100% + 32px);order:10;background:var(--bg2);border-top:1px solid var(--border);padding:10px 16px 14px;margin-left:-16px}.nav-mobile-link{display:block;padding:11px 8px;font-size:15px;color:var(--text2);cursor:pointer;border-radius:8px;transition:all .15s}.nav-mobile-link:hover{background:var(--surface);color:var(--text)}.hero{padding:100px 16px 48px}.hero-title{font-size:clamp(32px,9vw,52px);line-height:1.1}.hero-sub{font-size:15px;padding:0 4px}.hero-input-wrap{padding:6px 6px 6px 12px;border-radius:16px;flex-direction:row;gap:8px;align-items:center;box-sizing:border-box;width:100%}.hero-input{min-height:36px;max-height:80px;flex:1;min-width:0}.hero-hint,.hero-input{font-size:15px;padding:6px 0}.hero-hint{align-items:center}.hero-send-btn{min-width:auto;width:auto;flex-shrink:0;padding:10px 14px;font-size:13px;border-radius:12px;white-space:nowrap}.hero-quick-btns{gap:6px;padding:0 2px}.hero-quick-btn{padding:7px 12px;font-size:12px;gap:5px}.section{padding:48px 16px}.section-title{font-size:clamp(24px,7vw,38px)}.section-sub{font-size:15px;padding:0 8px}.feat-grid{grid-template-columns:1fr;margin-top:28px;gap:14px}.feat-card{padding:24px 20px}.showcase-header{flex-direction:column;gap:16px;text-align:center}.showcase-cta-btn{width:100%;justify-content:center}.models-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.pricing-grid{grid-template-columns:1fr;max-width:100%}.pricing-plans-grid{grid-template-columns:1fr;gap:12px}.plan-card{padding:24px 20px}.pricing-toggle{gap:8px}.course-card{grid-template-columns:1fr}.course-visual{min-height:180px}.course-body{padding:24px 20px}.course-features{grid-template-columns:1fr 1fr}.course-title{font-size:20px}.course-actions{flex-direction:column;align-items:stretch}.course-btn-ghost,.course-btn-primary{width:100%;text-align:center;padding:12px 20px;font-size:14px}.blog-featured{grid-template-columns:1fr}.blog-featured-img{min-height:160px}.biz-inner,.blog-grid,.community-grid{grid-template-columns:1fr}.biz-photo{min-height:200px}.biz-body{padding:28px 20px}.biz-title{font-size:22px}.cta-card{padding:40px 20px;margin:0 4px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-col:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.trust-strip{padding:16px}.trust-logos{gap:20px;flex-wrap:wrap;justify-content:center}.trust-logo{font-size:13px}.faq-list{margin-top:32px}.modal{padding:28px 20px;border-radius:18px;margin:0 12px}.popup-publish,.popup-welcome{padding:32px 20px;border-radius:18px;margin:0 12px}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-charts-row,.admin-editor-wrap{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-user-drawer{width:100%}}@media(max-width:480px){.nav{padding:8px 10px}.nav-logo{font-size:14px;gap:5px}.nav-logo-dot{width:5px;height:5px}.nav-actions .btn-primary{font-size:11px;padding:6px 10px}.nav-burger svg{width:18px;height:18px}.hero{padding:88px 12px 40px}.hero-badge{font-size:11px;padding:5px 12px}.hero-title{font-size:clamp(26px,10vw,38px)}.hero-sub{font-size:14px}.hero-input-wrap{padding:5px 5px 5px 10px;border-radius:14px;gap:6px}.hero-input{min-height:32px}.hero-hint,.hero-input{font-size:14px}.hero-send-btn{padding:9px 11px;font-size:12px;border-radius:10px;gap:4px}.hero-send-btn span{display:none}.hero-quick-btns{gap:5px}.hero-quick-btn{padding:6px 10px;font-size:11px;gap:4px}.hero-quick-btn svg{width:12px;height:12px}.section{padding:40px 12px}.section-title{font-size:clamp(22px,8vw,32px)}.section-sub{font-size:14px}.feat-card{padding:20px 16px}.feat-icon{width:40px;height:40px;font-size:18px}.models-grid{grid-template-columns:1fr!important}.plan-card{padding:20px 16px}.review-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr;gap:24px}.cta-card{padding:32px 16px}.admin-stats-grid,.course-features{grid-template-columns:1fr}.admin-topbar-title{font-size:14px}.admin-content{padding:16px}}.sc-mock{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,21,15,.85),rgba(9,13,10,.95));overflow:hidden;display:flex;align-items:center;justify-content:center;padding:14px}.sc-mock:after{content:"";position:absolute;left:50%;bottom:-30%;width:150%;height:75%;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(34,197,94,.26),rgba(34,197,94,.07) 44%,transparent 64%);pointer-events:none}.sc-mk-panel{position:relative;z-index:1;width:100%;border-radius:14px;border:1px solid rgba(134,239,172,.2);background:rgba(255,255,255,.04);backdrop-filter:blur(6px);padding:11px;display:flex;flex-direction:column;gap:9px;box-shadow:0 8px 30px rgba(0,0,0,.35)}.sc-chat-head{gap:7px}.sc-chat-ava,.sc-chat-head{display:flex;align-items:center}.sc-chat-ava{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);color:#06210f;font-size:9px;font-weight:800;justify-content:center;flex-shrink:0}.sc-chat-name{font-size:11px;font-weight:700;color:#eafff0}.sc-chat-online{margin-left:auto;font-size:8px;color:#86efac;white-space:nowrap}.sc-chat-bubble{font-size:8.6px;line-height:1.55;color:rgba(223,255,233,.8);background:rgba(34,197,94,.09);border:1px solid rgba(134,239,172,.14);border-radius:10px;padding:9px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.sc-chat-input{display:flex;align-items:center;gap:6px;border:1px solid rgba(134,239,172,.18);border-radius:10px;padding:6px 7px 6px 10px;background:rgba(255,255,255,.03)}.sc-chat-input span:first-child{font-size:8.6px;color:rgba(223,255,233,.4);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-chat-send{width:19px;height:19px;border-radius:50%;background:#22c55e;color:#06210f;display:flex;align-items:center;justify-content:center;font-size:8.5px;flex-shrink:0;box-shadow:0 0 12px rgba(34,197,94,.55)}.sc-browser{position:relative;z-index:1;width:100%;border-radius:11px;border:1px solid rgba(134,239,172,.22);background:rgba(255,255,255,.035);overflow:hidden;box-shadow:0 10px 34px rgba(0,0,0,.4)}.sc-browser-bar{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid rgba(134,239,172,.12)}.sc-browser-bar span{width:6px;height:6px;border-radius:50%;background:rgba(134,239,172,.4)}.sc-browser-body{padding:12px;display:flex;flex-direction:column;gap:8px}.sc-blk{height:10px;border-radius:5px;background:rgba(255,255,255,.06)}.sc-blk-green{width:55%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 12px rgba(34,197,94,.5)}.sc-browser-row{display:flex;gap:8px}.sc-blk-card,.sc-blk-img{flex:1;height:42px}.sc-blk-img{display:flex;align-items:center;justify-content:center;font-size:16px;background:rgba(34,197,94,.09);border:1px solid rgba(134,239,172,.13)}@media (max-width:600px){.sc-mock{padding:9px}.sc-mk-panel{padding:8px;gap:6px;border-radius:11px}.sc-chat-ava{width:17px;height:17px;font-size:7.5px}.sc-chat-name{font-size:9px}.sc-chat-online{font-size:6.5px}.sc-chat-bubble{font-size:7.4px;padding:6px 7px;-webkit-line-clamp:4}.sc-chat-input{padding:5px 5px 5px 8px}.sc-chat-input span:first-child{font-size:7.4px}.sc-chat-send{width:15px;height:15px;font-size:7px}.sc-browser-bar{padding:6px 8px}.sc-browser-bar span{width:5px;height:5px}.sc-browser-body{padding:9px;gap:6px}.sc-blk{height:8px}.sc-blk-card,.sc-blk-img{height:32px}.sc-blk-img{font-size:13px}}.model-marquee{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:8px 0;margin-top:40px}.model-marquee-track{display:flex;gap:14px;width:max-content;animation:zcModelScroll 55s linear infinite}.model-marquee:hover .model-marquee-track{animation-play-state:paused}@keyframes zcModelScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.model-card-marq{flex-shrink:0;min-width:230px;padding:16px 20px;border-radius:14px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .2s,transform .2s}.model-card-marq:hover{border-color:rgba(117,186,117,.3);transform:translateY(-2px)}.model-card-marq .model-name{font-size:16px;font-weight:700}.model-card-marq .model-provider{font-size:12px;margin-top:1px}.model-card-marq .model-dot{width:9px;height:9px}.zc-feat-head{text-align:center;max-width:640px;margin:0 auto 38px}.zc-feat-h-mob{display:none}.zc-feat-sub{font-size:15px;color:rgba(255,255,255,.5);line-height:1.55;margin-top:14px}.zc-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.zc-feat-lead{order:-1;transition-delay:0s!important}.zc-feat-card,.zc-feat-card .zc-mk-cta{cursor:pointer}.zc-feat-card{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(117,186,117,.2);background:linear-gradient(180deg,rgba(14,21,15,.72),rgba(9,13,10,.92));padding:24px 22px 0;min-height:316px;display:flex;flex-direction:column;opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),border-color .3s}.zc-feat-card.in{opacity:1;transform:none}.zc-feat-card:nth-child(3n+2){transition-delay:.07s}.zc-feat-card:nth-child(3n+3){transition-delay:.14s}.zc-feat-card:after{content:"";position:absolute;left:50%;bottom:-46%;width:130%;height:88%;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(74,222,128,.3),rgba(74,222,128,.09) 42%,transparent 66%);pointer-events:none;opacity:.8;transition:opacity .35s,transform .35s}.zc-feat-card:hover{border-color:rgba(74,222,128,.5)}.zc-feat-card.in:hover,.zc-feat-card:hover{transform:translateY(-5px)}.zc-feat-card:hover:after{opacity:1;transform:translateX(-50%) scale(1.06)}.zc-feat-card h3{font-size:19px;font-weight:700;margin:0 0 6px;color:#fff;letter-spacing:-.01em}.zc-feat-card p{font-size:13.5px;color:rgba(255,255,255,.52);margin:0 0 18px;line-height:1.45;min-height:38px}.zc-feat-mock{position:relative;flex:1;display:flex;align-items:flex-end}.zc-feat-spark{position:absolute;color:#bbf7d0;font-size:11px;opacity:0;animation:zcSpark 3.4s ease-in-out infinite;pointer-events:none;text-shadow:0 0 8px #22c55e;z-index:2}@keyframes zcSpark{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.zc-mk{width:100%;background:rgba(255,255,255,.035);border-radius:14px 14px 0 0;border:1px solid rgba(255,255,255,.09);border-bottom:none;padding:14px;backdrop-filter:blur(6px);box-shadow:inset 0 -1px 30px rgba(74,222,128,.1)}.zc-mk-label{font-size:12px;color:rgba(255,255,255,.6);font-weight:600;margin-bottom:10px}.zc-mk-domain{display:flex;align-items:center;gap:8px;font-size:12px;color:#d7f0de;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:9px 11px;font-family:var(--font-mono,monospace)}.zc-mk-domain .zc-mk-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.zc-mk-edit{margin-left:auto;opacity:.5}.zc-mk-add{font-size:11.5px;color:rgba(255,255,255,.4);margin:9px 0 12px}.zc-mk-cta{width:100%;border:none;border-radius:9px;padding:9px;font-size:13px;font-weight:700;color:#06210f;cursor:pointer;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 6px 20px rgba(74,222,128,.32)}.zc-mk-code{font-family:var(--font-mono,monospace);font-size:10.5px;line-height:1.75;color:#bcd9c4;overflow:hidden}.zc-code-ln{display:flex;gap:10px;white-space:nowrap}.zc-code-ln i{color:rgba(255,255,255,.25);font-style:normal;min-width:12px;text-align:right}.zc-code-ln span{overflow:hidden;text-overflow:ellipsis}.zc-mk-db .zc-db-head{font-size:12px;font-weight:700;color:#d7f0de;margin-bottom:10px;display:flex;align-items:center;gap:7px}.zc-db-row{display:grid;grid-template-columns:24px 1fr 64px;gap:8px;font-size:11.5px;color:rgba(255,255,255,.7);padding:6px 0;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-mono,monospace)}.zc-db-cols{color:rgba(255,255,255,.4);font-weight:700;border-top:none}.zc-db-plan{color:#4ade80}.zc-mk-stats .zc-stat-row{display:flex;gap:10px;margin-bottom:10px}.zc-stat{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 11px}.zc-stat-l{font-size:10.5px;color:rgba(255,255,255,.45)}.zc-stat-v{font-size:17px;font-weight:800;color:#fff;margin:2px 0}.zc-stat-d{font-size:10.5px;font-weight:700}.zc-stat-d.up{color:#4ade80}.zc-stat-d.down{color:#fb7185}.zc-spark-svg{width:100%;height:48px;display:block}.zc-mk-gh .zc-gh-head{display:flex;align-items:center;gap:7px;font-size:12px;color:#d7f0de;font-weight:600;margin-bottom:10px}.zc-mk-gh .zc-gh-head svg{width:16px;height:16px;flex-shrink:0;color:#fff}.zc-gh-conn{margin-left:auto;font-size:10.5px;color:#4ade80;font-weight:700}.zc-gh-repo{display:flex;align-items:center;gap:7px;font-size:11.5px;color:rgba(255,255,255,.72);font-family:var(--font-mono,monospace);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 11px;margin-bottom:11px}.zc-gh-branch{margin-left:auto;font-size:10px;color:#86efac;background:rgba(74,222,128,.12);border-radius:6px;padding:1px 7px}.zc-mk-cta-gh{display:flex;align-items:center;justify-content:center;gap:8px}.zc-mk-cta-gh svg{width:15px;height:15px;color:#06210f}.zc-mk-tok .zc-tok-model{font-size:11px;color:#86efac;font-weight:700;margin-bottom:11px}.zc-tok-row{display:flex;align-items:center;gap:9px;font-size:11px;color:rgba(255,255,255,.6);margin-bottom:8px}.zc-tok-row>span{width:42px;flex-shrink:0}.zc-tok-bar{flex:1;height:8px;background:rgba(255,255,255,.06);border-radius:100px;overflow:hidden}.zc-tok-bar i{display:block;height:100%;background:rgba(255,255,255,.22);border-radius:100px}.zc-tok-bar i.g{background:linear-gradient(90deg,#22c55e,#4ade80)}.zc-tok-row b{width:42px;text-align:right;color:#fff;font-family:var(--font-mono,monospace);flex-shrink:0}.zc-tok-row b.g{color:#4ade80}.zc-tok-foot{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:700}.zc-tok-save{color:#4ade80}.zc-tok-q{color:rgba(255,255,255,.5)}.zc-mk-agents .zc-ag-prompt{font-size:11.5px;color:#d7f0de;font-style:italic;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px 11px;margin-bottom:9px}.zc-ag-chip{display:flex;align-items:center;gap:8px;font-size:11.5px;color:rgba(255,255,255,.78);background:rgba(74,222,128,.06);border:1px solid rgba(74,222,128,.18);border-radius:9px;padding:7px 10px;margin-bottom:6px}.zc-ag-ok{margin-left:auto;color:#4ade80}.zc-mk-vpn{text-align:center;padding:18px 14px}.zc-vpn-globe{font-size:34px;line-height:1;filter:drop-shadow(0 0 14px rgba(74,222,128,.5));margin-bottom:10px;animation:zcFloat 4s ease-in-out infinite}@keyframes zcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.zc-vpn-badge{display:inline-block;font-size:12.5px;color:#fff;background:linear-gradient(90deg,rgba(34,197,94,.22),rgba(74,222,128,.22));border:1px solid rgba(74,222,128,.4);border-radius:100px;padding:6px 14px}.zc-vpn-ok{font-size:11px;color:rgba(255,255,255,.5);margin-top:11px}.zc-mk-pay{text-align:center;padding:16px 14px}.zc-pay-amt{font-size:30px;font-weight:900;color:#fff;letter-spacing:-.02em}.zc-pay-amt span{font-size:20px;color:#4ade80}.zc-pay-methods{display:flex;justify-content:center;gap:7px;margin:10px 0 12px}.zc-pay-methods span{font-size:10.5px;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:3px 9px}@media (max-width:980px){.zc-feat-grid{grid-template-columns:repeat(2,1fr)}.zc-feat-card:nth-child(3n+2),.zc-feat-card:nth-child(3n+3){transition-delay:0s}.zc-feat-card:nth-child(2n){transition-delay:.08s}}@media (max-width:600px){.zc-feat-grid{grid-template-columns:1fr;gap:14px}.zc-feat-card{min-height:0;padding:20px 18px 0}.zc-feat-sub{font-size:14px}.zc-feat-card p{min-height:0}.zc-feat-card:not(.zc-feat-mob),.zc-feat-h-desk{display:none}.zc-feat-h-mob{display:block}}[data-theme=light] .zc-feat-sub{color:rgba(14,27,14,.55)}[data-theme=light] .zc-feat-card{border-color:rgba(94,160,94,.32);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(232,244,233,.96))}[data-theme=light] .zc-feat-card:after{background:radial-gradient(ellipse at center,rgba(34,197,94,.2),rgba(34,197,94,.06) 44%,transparent 66%);opacity:.7}[data-theme=light] .zc-feat-card:hover{border-color:rgba(34,197,94,.55)}[data-theme=light] .zc-feat-card h3{color:#0e2415}[data-theme=light] .zc-feat-card p{color:rgba(14,40,21,.62)}[data-theme=light] .zc-feat-spark{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.55)}[data-theme=light] .zc-mk{background:rgba(255,255,255,.82);border-color:rgba(20,50,25,.12);box-shadow:inset 0 -1px 26px rgba(34,197,94,.07)}[data-theme=light] .zc-mk-label{color:rgba(14,40,21,.6)}[data-theme=light] .zc-mk-domain{color:#16693a;background:rgba(20,50,25,.05);border-color:rgba(20,50,25,.12)}[data-theme=light] .zc-mk-add{color:rgba(14,40,21,.45)}[data-theme=light] .zc-mk-code{color:#2c5a3a}[data-theme=light] .zc-code-ln i{color:rgba(14,40,21,.32)}[data-theme=light] .zc-mk-db .zc-db-head{color:#16693a}[data-theme=light] .zc-db-row{color:rgba(14,40,21,.72);border-top-color:rgba(20,50,25,.08)}[data-theme=light] .zc-db-cols{color:rgba(14,40,21,.48)}[data-theme=light] .zc-db-plan{color:#16a34a}[data-theme=light] .zc-stat{background:rgba(20,50,25,.045);border-color:rgba(20,50,25,.1)}[data-theme=light] .zc-stat-l{color:rgba(14,40,21,.52)}[data-theme=light] .zc-stat-v{color:#0e2415}[data-theme=light] .zc-stat-d.up,[data-theme=light] .zc-tok-model{color:#16a34a}[data-theme=light] .zc-tok-row{color:rgba(14,40,21,.62)}[data-theme=light] .zc-tok-bar{background:rgba(20,50,25,.09)}[data-theme=light] .zc-tok-bar i{background:rgba(20,50,25,.22)}[data-theme=light] .zc-tok-row b{color:#0e2415}[data-theme=light] .zc-tok-row b.g,[data-theme=light] .zc-tok-save{color:#16a34a}[data-theme=light] .zc-tok-q{color:rgba(14,40,21,.55)}[data-theme=light] .zc-mk-agents .zc-ag-prompt{color:#16693a;background:rgba(20,50,25,.05);border-color:rgba(20,50,25,.12)}[data-theme=light] .zc-ag-chip{color:rgba(14,40,21,.78);background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.28)}[data-theme=light] .zc-ag-ok{color:#16a34a}[data-theme=light] .zc-vpn-globe{filter:drop-shadow(0 0 12px rgba(34,197,94,.4))}[data-theme=light] .zc-vpn-badge{color:#0e2415;background:linear-gradient(90deg,rgba(34,197,94,.18),rgba(74,222,128,.18));border-color:rgba(34,197,94,.4)}[data-theme=light] .zc-vpn-ok{color:rgba(14,40,21,.58)}[data-theme=light] .zc-pay-amt{color:#0e2415}[data-theme=light] .zc-pay-amt span{color:#16a34a}[data-theme=light] .zc-pay-methods span{color:rgba(14,40,21,.62);background:rgba(20,50,25,.05);border-color:rgba(20,50,25,.12)}@media (prefers-reduced-motion:reduce){.zc-feat-card{opacity:1;transform:none;transition:none}.zc-feat-spark,.zc-vpn-globe{animation:none}}.faq-item>summary.faq-question{list-style:none}.faq-item>summary.faq-question::-webkit-details-marker{display:none}.faq-item[open]>summary.faq-question .faq-arrow{transform:rotate(45deg)}.faq-item[open]>.faq-answer{max-height:400px;padding:0 20px 18px}