:root{--bg:#101210;--panel:#191c19;--panel2:#202420;--line:#30362f;--muted:#a5afa2;--text:#f3f6ef;--lime:#c5f66f;--gold:#edc66d;--purple:#b7a2fa;--radius:18px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(32px,4vw,54px);font-weight:730}h2{font-size:25px;font-weight:650}h3{font-size:19px;font-weight:650}p{color:var(--muted)}small,.small{font-size:12px;color:var(--muted)}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;top:-100px;z-index:100;background:var(--lime);color:#111;padding:10px}.skip:focus{top:0}.loading{padding:10vw;color:var(--lime)}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:30px 19px;background:#131613;display:flex;flex-direction:column;z-index:3}.brand{display:block;margin:0 8px 34px}.brand img{width:180px;height:auto;display:block}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--muted)}.navlabel{margin:0 16px 11px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;border:0;background:transparent;color:var(--muted);padding:12px 15px;border-radius:10px;font-size:13px;font-weight:550}.nav button:hover{background:var(--panel2);color:var(--text)}.nav button.active{background:#293620;color:var(--lime)}.nav .counter{margin-left:auto;font-size:10px;border:1px solid #4a6039;padding:0 6px;border-radius:5px}.side-footer{margin-top:auto}.help-mini{border:1px solid var(--line);border-radius:13px;padding:17px;margin-top:30px;background:linear-gradient(135deg,#232c1f,#191d18)}.help-mini p{font-size:12px;margin:6px 0 14px}.help-mini button{border:0;background:transparent;color:var(--lime);padding:0;font-weight:600;font-size:12px}.side-note{padding:19px 10px 0;font-size:10px;color:#83917f}.workspace{min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:15px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb strong{color:var(--text);font-weight:500}.profile{display:flex;align-items:center;gap:11px}.profile .avatar{height:34px;width:34px;display:grid;place-items:center;background:#293720;color:var(--lime);border-radius:50%;font-size:12px;font-weight:700}.profile-name{font-size:12px;line-height:1.4}.profile-name span{display:block;color:var(--muted);font-size:10px}.plain{background:transparent;border:0;color:var(--muted);padding:6px}.main{max-width:1520px;margin:auto;padding:32px 42px 48px}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#272136;border:1px solid #4e4268;border-radius:10px;margin-bottom:24px;font-size:12px;color:#ddd2ff}.demo-bar select{background:#1b1725;color:#eee;border:1px solid #5b4d75;border-radius:6px;padding:5px 9px;max-width:220px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.intro h1{font-size:27px;margin-bottom:8px}.intro p{font-size:13px}.pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #46543e;background:#25301f;color:var(--lime);padding:5px 10px;font-size:10px;font-weight:650;border-radius:30px;letter-spacing:.03em;white-space:nowrap}.pill .dot{width:5px;height:5px;background:currentColor;border-radius:50%}.pill.gold{color:var(--gold);border-color:#5d5030;background:#2a2519}.pill.purple{color:var(--purple);border-color:#55426f;background:#262030}.pill.neutral{background:#252925;color:#b9c2b5;border-color:#3c4338}.hero{position:relative;overflow:hidden;min-height:345px;background:radial-gradient(ellipse at 90% 30%,#404b2855,transparent 58%),linear-gradient(115deg,#242d20,#1a2119);border:1px solid #394333;border-radius:var(--radius);padding:39px 36px;display:flex;align-items:center}.hero-copy{width:56%;position:relative;z-index:1}.hero .eyebrow{color:var(--lime);margin-bottom:16px}.hero h2{font-size:clamp(32px,3.3vw,48px);line-height:1.08;max-width:490px;margin-bottom:16px}.hero h2 em{font-style:normal;color:var(--lime)}.hero p{font-size:13px;max-width:365px;line-height:1.8;color:#bfc9b9;margin-bottom:23px}.hero-art{position:absolute;width:47%;right:0;top:50%;transform:translateY(-50%);max-height:345px;object-fit:contain;pointer-events:none}.hero-tag{position:absolute;right:25px;bottom:22px;color:#b4c0a9;font-size:10px;letter-spacing:.15em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:700;background:var(--lime);color:#17210f;line-height:1.4;min-height:43px}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.secondary{background:transparent;border-color:#4a5346;color:var(--text)}.btn.dark{background:#2b3128;color:var(--text)}.btn.gold{background:var(--gold);color:#251f0f}.btn.purple{background:#b7a2fa;color:#211634}.btn.wide{width:100%}.btn .icon{width:16px;height:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 30px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:17px 20px;display:flex;align-items:center;gap:13px}.stat>span{display:grid;place-items:center;color:var(--lime);background:#283121;width:36px;height:36px;border-radius:9px}.stat strong{display:block;font-size:13px;line-height:1.4}.stat small{font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:29px 0 17px}.section-heading h2{font-size:22px}.section-heading p{font-size:12px;margin-top:7px}.text-link{border:0;background:none;color:var(--lime);font-size:12px;display:inline-flex;gap:6px;align-items:center;padding:3px}.library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pack{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column}.pack-art{height:156px;position:relative;background:#20281c;overflow:hidden}.pack-art img{width:100%;height:100%;object-fit:cover}.pack-art .pill{position:absolute;top:12px;left:12px;font-size:9px;box-shadow:0 2px 9px #1115}.pack-content{padding:20px;display:flex;flex-direction:column;flex:1}.pack-content h3{font-size:19px;margin-bottom:8px}.pack-content p{font-size:12px;margin-bottom:17px;min-height:40px}.pack-meta{display:flex;gap:10px;font-size:10px;color:var(--muted);margin-bottom:18px}.pack-meta span+span{border-left:1px solid var(--line);padding-left:10px}.pack-content .btn{margin-top:auto}.locked .pack-art img{opacity:.75}.progress-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;margin-top:30px}.panel{border:1px solid var(--line);background:var(--panel);padding:25px;border-radius:15px}.panel h3{font-size:18px}.panel>p{font-size:12px;margin-top:8px}.progress-head{display:flex;justify-content:space-between;align-items:center}.progress-head span{font-size:12px;color:var(--lime)}.progress-track{background:#30372b;height:5px;border-radius:6px;margin:20px 0;overflow:hidden}.progress-track>div{background:var(--lime);height:100%;border-radius:6px;transition:width .3s}.check-row{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:12px;color:#d0d7c9}.check-row input{width:17px;height:17px;accent-color:var(--lime);margin:0}.check-row:has(input:checked){color:var(--lime)}.journey-note{font-size:10px!important;line-height:1.5;margin-top:13px!important}.upgrade{background:radial-gradient(ellipse at 100% 0%,#8c6e2444,transparent 70%),#1f2019}.upgrade .eyebrow{color:var(--gold);margin-bottom:12px}.upgrade h3{font-size:27px;margin-bottom:13px;max-width:270px}.upgrade p{margin:0 0 25px;max-width:350px;font-size:12px}.upgrade .btn{margin-top:5px}.footer{display:flex;justify-content:space-between;gap:10px;color:#86927f;font-size:10px;padding-top:30px;margin-top:32px;border-top:1px solid var(--line)}.page-title{margin:4px 0 28px}.page-title h1{font-size:34px;margin:10px 0}.page-title p{font-size:13px;max-width:650px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.steps{display:flex;flex-direction:column;gap:12px}.step{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:22px;display:flex;gap:18px;align-items:flex-start}.step-number{width:31px;height:31px;display:grid;place-items:center;background:#303c24;color:var(--lime);border-radius:9px;font-size:12px;font-weight:700;flex-shrink:0}.step h3{font-size:16px;margin:5px 0 9px}.step p{font-size:12px;margin-bottom:13px}.step .btn{font-size:11px;padding:9px 13px;min-height:36px}.stack{display:flex;flex-direction:column;gap:18px}.download-row{display:grid;grid-template-columns:54px 1fr auto;gap:17px;align-items:center;border:1px solid var(--line);padding:21px;border-radius:13px;background:var(--panel);margin-bottom:14px}.download-row img{width:54px;height:54px;object-fit:cover;border-radius:10px}.download-row h3{font-size:17px;margin-bottom:5px}.download-row p{font-size:11px}.download-actions{display:flex;gap:8px}.notice{padding:17px 20px;border:1px solid #465039;background:#242c1f;border-radius:11px;color:#c6d3bb;font-size:12px;margin:16px 0;line-height:1.75}.notice.purple{background:#251f31;border-color:#50415f;color:#d6c5ed}.notice strong{color:var(--text)}.faq{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:13px;cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:var(--lime);font-size:19px;line-height:1}.faq[open] summary:after{content:'−'}.faq p{font-size:12px;line-height:1.8;margin-top:12px}.guide-tabs{display:flex;gap:10px;margin-bottom:20px}.guide-tabs button{padding:9px 17px;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;font-size:12px}.guide-tabs button.active{border-color:var(--lime);color:var(--lime)}.feature-list{padding:0;list-style:none;font-size:13px;color:#ccd4c6;line-height:2.4}.feature-list li:before{content:'✓';margin-right:10px;color:var(--lime)}.achievement{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.achievement .medal{width:44px;height:44px;border-radius:50%;border:1px solid #4c5147;display:grid;place-items:center;color:#788471}.achievement.done .medal{color:var(--lime);border-color:#5e7b3f;background:#2e3c24}.achievement strong{font-size:13px}.achievement p{font-size:11px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{padding:44px 8%;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 60%,#45552688,transparent 60%),#171e15;display:flex;flex-direction:column;justify-content:space-between}.login-art .brand{margin:0}.login-art h1{font-size:clamp(40px,4.6vw,65px);max-width:510px;margin-top:50px}.login-art h1 em{color:var(--lime);font-style:normal}.login-art>img{width:88%;max-width:520px;align-self:center;margin:-15px 0}.login-art small{margin-bottom:10px}.login-form{padding:60px 12%;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:30px;margin:16px 0 12px}.login-form>p{font-size:13px;margin-bottom:30px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.field label{font-size:12px;font-weight:600}.field input,.field textarea{border:1px solid #41493c;background:#191f17;padding:12px 14px;color:var(--text);border-radius:8px;width:100%;font-size:13px}.field textarea{min-height:240px}.field small{font-size:10px}.error{color:#ffb4a2;font-size:12px;margin:14px 0;min-height:19px}.login-links{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font-size:11px;color:var(--muted)}.login-links a:hover{color:var(--lime)}.demo-link{margin-top:40px;text-align:center;font-size:12px;color:var(--lime)}dialog{background:#1c211a;border:1px solid #4a5540;border-radius:19px;color:var(--text);padding:30px;width:min(510px,calc(100vw - 32px));max-height:90vh;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#050805c9;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin-bottom:15px;padding-right:20px}dialog p{font-size:13px;line-height:1.8;margin-bottom:17px}dialog .close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--muted);font-size:26px;padding:5px 9px}.password-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#11160e;border:1px dashed #687953;border-radius:10px;padding:13px 15px;margin-bottom:20px}.password-box code{font-size:17px;color:var(--lime)}.password-box button{border:0;background:none;color:var(--lime);font-size:12px}.modal-label{font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);z-index:50;border:1px solid #5c7046;background:#2a3b20;color:#eef9e4;max-width:calc(100% - 30px);padding:12px 23px;border-radius:10px;font-size:13px;transition:transform .2s;box-shadow:0 10px 40px #0006}#toast.show{transform:translateX(-50%) translateY(0)}.empty{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:15px}.mobile-title{display:none}.infinity-art{height:155px;display:grid;place-items:center;font-size:80px;font-weight:600;color:#b9a0ff;background:radial-gradient(ellipse at center,#4a3862,#1e192a);line-height:1}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.offer-grid .pack-art{height:190px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.label-value{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:12px}.label-value span{color:var(--muted)}
@media(min-width:1700px){.hero{min-height:390px}.hero-art{max-height:400px}.pack-art{height:195px}}
@media(max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:25px 12px}.brand img{width:165px}.main{padding:27px}.topbar{padding:0 27px}.hero{padding:30px;min-height:315px}.hero-copy{width:62%}.hero h2{font-size:36px}.hero-art{width:42%;right:-7px}.pack-content{padding:16px}.pack-content h3{font-size:17px}.stats{gap:10px}.stat{padding:14px}.two-col{grid-template-columns:1.3fr 1fr}.download-actions{flex-direction:column}.progress-grid{grid-template-columns:1.2fr 1fr}}
@media(max-width:850px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px 23px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0}.sidebar .brand img{width:156px}.navlabel,.side-footer{display:none}.nav{flex-direction:row;margin-top:18px;overflow:auto;gap:5px;scrollbar-width:none}.nav button{white-space:nowrap;padding:10px;font-size:11px;gap:7px}.nav button .icon{width:17px;height:17px}.nav .counter{display:none}.topbar{height:60px;padding:0 24px}.main{padding:24px}.library{gap:12px}.pack-art{height:130px}.hero-art{right:0}.login-form{padding:45px 8%}.login-art{padding:35px 8%}.login-art h1{font-size:43px}.two-col{grid-template-columns:1fr}.progress-grid{grid-template-columns:1.2fr 1fr}.profile-name{display:none}}
@media(max-width:600px){.sidebar{padding:15px 16px 9px}.nav{margin-top:13px}.nav button{flex-direction:column;gap:5px;font-size:9px;min-width:65px;padding:8px}.nav button .icon{width:19px;height:19px}.topbar{height:52px;padding:0 18px}.breadcrumb{font-size:10px}.main{padding:20px 16px 30px}.intro{align-items:flex-start}.intro h1{font-size:23px}.intro p{font-size:11px}.intro>.pill{font-size:8px;padding:4px 7px;margin-top:3px}.demo-bar{flex-direction:column;align-items:flex-start;font-size:10px;gap:8px;padding:11px}.demo-bar select{width:100%;max-width:none}.hero{padding:26px 24px 195px;min-height:430px;align-items:flex-start}.hero-copy{width:100%}.hero h2{font-size:35px;max-width:320px}.hero p{font-size:12px;max-width:280px;margin-bottom:18px}.hero-art{width:245px;max-height:190px;top:auto;bottom:-8px;right:-4px;transform:none}.hero-tag{left:24px;right:auto;bottom:23px;width:80px;line-height:1.8;font-size:8px}.hero .btn{padding:11px 13px;font-size:11px}.stats{grid-template-columns:1fr;gap:8px;margin:13px 0 26px}.stat{padding:11px 15px}.stat>span{width:31px;height:31px}.stat strong{font-size:12px}.stat small{font-size:10px}.library{grid-template-columns:1fr}.pack{display:grid;grid-template-columns:106px minmax(0,1fr)}.pack-art{height:100%;min-height:195px}.pack-art img{object-fit:cover}.pack-art .pill{font-size:8px;left:7px;top:8px;padding:4px 6px}.pack-content{padding:19px 15px}.pack-content p{min-height:0;font-size:11px;margin-bottom:10px}.pack-content h3{font-size:18px}.pack-meta{font-size:9px;margin-bottom:13px;flex-wrap:wrap;gap:5px}.pack-content .btn{font-size:11px;padding:10px}.progress-grid{grid-template-columns:1fr;margin-top:24px;gap:16px}.panel{padding:21px}.section-heading{margin-top:25px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.section-heading>.text-link{font-size:10px;white-space:nowrap}.upgrade h3{max-width:none}.footer{flex-direction:column;font-size:9px;gap:5px}.page-title h1{font-size:29px}.page-title p{font-size:12px}.step{padding:18px;gap:13px}.download-row{grid-template-columns:40px 1fr;padding:17px;gap:13px}.download-row img{width:40px;height:40px}.download-actions{grid-column:1/-1;flex-direction:row}.download-actions .btn{flex:1;font-size:11px}.offer-grid{grid-template-columns:1fr}.offer-grid .pack{display:flex}.offer-grid .pack-art{height:160px;min-height:160px}.details-grid{grid-template-columns:1fr}.login-page{display:flex;flex-direction:column}.login-art{padding:25px 25px 30px;min-height:230px}.login-art h1{font-size:33px;max-width:240px;margin-top:30px;position:relative;z-index:1}.login-art>img{position:absolute;right:-38px;bottom:-15px;width:215px}.login-art small{display:none}.login-form{padding:32px 25px 40px}.login-form h2{font-size:27px;margin-top:12px}.login-form>p{margin-bottom:25px}.login-links{font-size:10px}.demo-link{margin-top:25px}.guide-tabs{gap:7px;flex-wrap:wrap}.guide-tabs button{font-size:11px;padding:8px 11px}.infinity-art{height:100%}.profile .avatar{height:29px;width:29px}.check-row{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.btn:hover{transform:none}}
@media(max-width:600px){.nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;overflow:visible}.nav button{min-width:0;padding:8px 2px;white-space:normal;line-height:1.2;text-align:center;font-size:8px}.nav button .icon{width:18px;height:18px}.pack-art .pill{font-size:0;padding:5px}.pack-art .pill .icon{width:15px;height:15px}.hero .actions{gap:8px}.hero .btn{padding:10px 11px;font-size:10px;gap:6px}}