*{box-sizing:border-box}body{margin:0;background:#f6f8fa;color:#18282a;font:14px/1.65 "Segoe UI",Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #4795db;outline-offset:4px}[hidden]{display:none!important}.sprite{width:0;height:0;position:absolute}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e4eaea;padding:32px 23px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:-.7px;line-height:1.3}.brand small{display:block;font-size:7px;letter-spacing:1.1px;color:#889c95;margin-top:7px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#9aa8a5;margin:55px 15px 15px;font-weight:700}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:10px;color:#718280;font-size:13px;font-weight:500}nav a[aria-current=page]{background:#ecf7f1;color:#237b5c}nav a:hover{background:#f1f6f3}.tag{margin-left:auto;border:1px solid #dae7df;padding:0 5px;border-radius:4px;font-size:9px}.sidebar-foot{margin-top:auto;padding:30px 13px 0}.sidebar-foot>svg{color:#64907c;background:#f0f6f2;width:35px;height:35px;border-radius:10px;padding:8px}.sidebar-foot strong{display:block;font-size:12px;margin-top:10px}.sidebar-foot p{font-size:11px;color:#8c9e97;line-height:1.9}.sidebar-foot small{font-size:9px;color:#a3b0ab}.main-wrap{margin-left:244px;width:calc(100% - 244px)}.topbar{height:81px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ebea;background:#ffffffb8;font-size:11px;color:#91a29c}.topbar strong{font-weight:500;color:#5c756a}.topbar>div>span{padding:0 14px}.top-actions{display:flex;align-items:center;gap:23px}#connection-pill{display:flex;align-items:center;gap:7px;font-size:10px}#connection-pill i{width:6px;height:6px;border-radius:50%;background:#98aaa1}#connection-pill.online{color:#2d8863}#connection-pill.online i{background:#38ab7c}.avatar{width:33px;height:33px;border-radius:11px;border:2px solid white;box-shadow:0 0 0 1px #e1eae4;background:#dcece2;color:#3f795b;font-weight:700}main{max-width:1390px;margin:auto;padding:42px 42px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:#789384}.page-heading h1{font-size:35px;line-height:1.3;font-weight:650;letter-spacing:-1.6px;margin:8px 0 10px}.page-heading h1 span{color:#25845f}.page-heading p{font-size:12px;color:#8c9e95;margin:0}.button{min-height:43px;border:0;border-radius:9px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:13px;font-size:11px;font-weight:650;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button svg{width:16px;height:16px}.primary{background:#237f5f;color:#fff}.primary:hover{background:#196f51}.ghost{background:#fff;color:#6e8378;border:1px solid #e0e8e3}.secondary{background:#eaf4ed;color:#39845c}.light{background:#def2a5;color:#244e31}.wide{width:100%;margin-top:20px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,1fr);gap:22px}.hero{border-radius:16px;background:#193d30;position:relative;color:#fff;padding:27px 29px;min-height:316px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:28px 28px;transform:rotate(-15deg) scale(1.4);z-index:-1}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;font-size:9px;letter-spacing:1.4px}.hero-top>span{color:#ddecbd}.hero-top small{font-size:8px;color:#83a88f}.hero h2{font-size:28px;line-height:1.35;letter-spacing:-.8px;font-weight:500;margin:28px 0 13px;position:relative;z-index:2;max-width:370px}.hero>p{font-size:11px;line-height:1.9;color:#a2bda9;max-width:300px;position:relative;z-index:2}.hero-footer{display:flex;align-items:center;gap:17px;margin-top:26px;position:relative;z-index:2}.hero-footer small{font-size:9px;color:#8bab96}.hero-art{font-size:180px;font-weight:800;line-height:1;letter-spacing:-20px;color:#a8d0ad;position:absolute;top:72px;right:20px;transform:rotate(-12deg);text-shadow:10px 10px 0 #305a3d;z-index:0;opacity:.58}.hero-art span{font-size:70px;position:absolute;right:-10px;top:-12px;color:#ddf1a4;text-shadow:none}.hero-caption{position:absolute;right:23px;bottom:18px;font-size:6px;letter-spacing:1.6px;color:#71977d}.panel{background:#fff;border:1px solid #e1e9e5;border-radius:16px;padding:26px}.panel h2{font-size:21px;letter-spacing:-.5px;line-height:1.4;margin:17px 0 10px}.panel>p{font-size:12px;color:#8b9e92;line-height:1.9}.status-card{display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;color:#7f9b8a;margin-bottom:15px}.plan-pill{display:inline-block;align-self:flex-start;background:#f0f4f1;border:1px solid #e4ebe6;border-radius:6px;padding:3px 9px;color:#70877a;font-size:9px;font-weight:600}.plan-pill.active{background:#e9f5e9;border-color:#d7ead6;color:#48804b}.status-card h3{font-size:18px;letter-spacing:-.4px;margin:13px 0 5px}.status-card>p{font-size:11px;color:#95a59c;margin:0}hr{width:100%;height:1px;border:0;background:#edf1ee;margin:20px 0}.muted{display:flex;align-items:center;gap:7px;font-size:10px;color:#8b9f92}.muted svg{width:14px;height:14px}.countdown{font-size:32px;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.4;margin:14px 0;color:#264a34}.compact{font-size:24px;margin:8px 0}.text-link{display:inline-flex;align-items:center;gap:7px;color:#3c875e;font-size:10px;font-weight:600;margin-top:auto}.text-link svg{width:13px;height:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:30px 0 17px}.section-heading h2{font-size:15px;font-weight:650;margin:0}.section-heading small{font-size:10px;color:#9ca99f}.steps{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e1e9e4;border-radius:14px}.steps article{padding:23px 25px}.steps article+article{border-left:1px solid #edf1ef}.steps article>span{display:inline-block;padding:3px 8px;background:#f0f6f0;border:1px solid #e3ece1;border-radius:6px;font-size:10px;color:#6b9676}.steps h3{font-size:12px;margin:13px 0 5px}.steps p{font-size:11px;color:#97a59b;margin:0}.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:106px;border:1px dashed #d2ddd6;border-radius:12px;margin-top:25px;background:repeating-linear-gradient(135deg,#f5f8f6,#f5f8f6 5px,#f8faf8 5px,#f8faf8 10px);font-size:11px;color:#a2afa5}.ad-slot small{font-size:7px;letter-spacing:1.8px;color:#a6b4a9}.ad-slot small:last-child{letter-spacing:0;font-size:8px;color:#b3beb5}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e3ebe5;margin-top:35px;padding:23px 0;color:#a1afa5;font-size:9px}footer a{color:#82988a}.badge{font-size:10px;padding:7px 11px;background:#eaf5ea;color:#4d8557;border:1px solid #dcebd9;border-radius:7px}.tool-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:23px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;background:#edf7eb;border:1px solid #e0ecdc;border-radius:14px;color:#568b58}.feature-icon svg{width:23px;height:23px}.key-facts{display:flex;flex-wrap:wrap;gap:17px;padding:19px 0;font-size:10px;color:#76917b}.key-facts>span{display:flex;align-items:center;gap:7px}.key-facts svg{width:15px;height:15px}.generated-box{padding:18px;background:#f5f9f1;border:1px solid #dce9d2;border-radius:12px;margin:12px 0}.generated-box code{display:block;word-break:break-all;font:13px/2 Consolas,monospace;color:#4d7948;margin:12px 0}.helper{font-size:10px!important;line-height:1.8;color:#93a494!important}.center{text-align:center}.inline-note{display:flex;gap:10px;padding:16px 0 0;border-top:1px solid #edf1eb;margin-top:20px;color:#98aa95}.inline-note svg{width:17px;height:17px;margin-top:3px}.inline-note p{font-size:10px;line-height:1.9;margin:0}.quiet{background:#f0f5f0}.quiet h2{font-size:20px;margin:10px 0 24px}.info-row{display:flex;gap:14px;margin:23px 0}.info-row>span{font-size:10px;color:#7f9e7f;line-height:2}.info-row h3{font-size:12px;margin:0 0 4px;font-weight:600}.info-row p{font-size:11px;color:#8ca28c;line-height:1.8;margin:0}.small-ad{font-size:10px;text-align:center;padding:15px;min-height:100px}.profile-identity{display:flex;align-items:center;gap:17px}.profile-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:#dfeddb;color:#57834c;font-size:24px;font-weight:700;flex:none}.profile-identity h2{font-size:16px;margin:0 0 7px;word-break:break-word}.account-id{display:flex;flex-direction:column;gap:6px;margin-top:26px}.account-id code{font-size:11px;color:#8b9e88;word-break:break-all}progress{width:100%;height:5px;border:0;border-radius:20px;accent-color:#8bb77d}progress::-webkit-progress-bar{background:#edf2e8;border-radius:20px}progress::-webkit-progress-value{background:#8bb77d;border-radius:20px}.guest-panel{padding:45px}.guest-panel .feature-icon{margin:auto}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.faq-grid .panel h2{font-size:17px;margin-top:0}.panel form{margin-top:20px}label{display:block;font-size:11px;font-weight:600;color:#62775d;margin-bottom:7px}input{width:100%;border:1px solid #e0e7dc;background:#f8faf6;min-height:46px;border-radius:8px;padding:11px 13px;font-size:12px;color:#3d5e35}input::placeholder{color:#abb9a5}input:focus{outline:none;border-color:#78a369;box-shadow:0 0 0 3px #f1f6ec}.field-message{min-height:20px;font-size:11px;color:#b13c49;margin:11px 0 0}.field-message.success{color:#42814a}dialog{width:min(800px,calc(100vw - 30px));border:1px solid #edf2e8;border-radius:22px;padding:0;box-shadow:0 30px 120px #173b2444;overflow:hidden}dialog[open]{display:grid;grid-template-columns:.85fr 1.15fr}dialog::backdrop{background:#182e2377;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:17px;top:13px;font-size:24px;background:transparent;border:0;color:#96a88e;z-index:3}.auth-art{position:relative;background:#1b3c2a;padding:34px;color:#fff;overflow:hidden}.auth-art .eyebrow{font-size:7px;color:#a4be99;margin-top:26px}.auth-art h2{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.3;position:relative;z-index:2}.auth-art p{font-size:11px;color:#a8bb9a;max-width:180px;line-height:1.9;position:relative;z-index:2}.auth-art-mark{font-size:200px;font-weight:800;position:absolute;bottom:5px;right:15px;letter-spacing:-25px;color:#315639;line-height:1}.auth-art-mark span{font-size:85px;vertical-align:top;letter-spacing:0;color:#c0db94}.auth-body{padding:44px 35px 28px;background:#fff}.auth-body>.eyebrow{font-size:8px}.auth-body h2{font-size:23px;line-height:1.4;letter-spacing:-.8px;margin:8px 0}.auth-body>p{font-size:11px;color:#94a58b;margin:0 0 20px}.auth-tabs{display:flex;padding:4px;background:#f1f5ed;border-radius:9px;margin:22px 0}.auth-tabs button{border:0;background:transparent;flex:1;font-size:11px;color:#96a68d;padding:8px;border-radius:6px}.auth-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #28412010;color:#537646;font-weight:650}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.password-label button{font-size:9px;color:#799967;border:0;background:transparent;padding-bottom:6px}#confirm-wrap{margin-top:15px}.auth-foot{text-align:center;font-size:9px!important;margin-top:20px!important}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(550px,calc(100vw - 32px));background:#23462e;color:#fff;border:1px solid #4b714b;box-shadow:0 8px 25px #24411d30;border-radius:12px;padding:14px 20px;font-size:12px;z-index:20}.toast.error{background:#713640;border-color:#8f4d58}@media(max-width:1100px){.sidebar{width:220px;padding-left:16px;padding-right:16px}.main-wrap{margin-left:220px;width:calc(100% - 220px)}main{padding:30px 25px 0}.topbar{padding:0 25px}.overview-grid{grid-template-columns:1.5fr 1fr;gap:16px}.hero{padding:23px}.hero h2{font-size:24px}.hero-art{opacity:.3}.hero>p{max-width:240px}.hero-footer{gap:10px;flex-wrap:wrap}.status-card{padding:23px}.page-heading h1{font-size:30px}.tool-grid{grid-template-columns:1.2fr 1fr}}@media(max-width:800px){.shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 20px;display:block;border-bottom:1px solid #e1e9dc}.brand{font-size:17px}.brand img{width:32px;height:32px}.brand small,.nav-caption,.sidebar-foot{display:none}nav{display:flex;gap:8px;margin-top:12px;justify-content:space-between}nav a{font-size:10px;gap:7px;padding:9px 8px;white-space:nowrap}nav svg{width:16px;height:16px}.tag{display:none}.main-wrap{margin-left:0;width:100%}.topbar{height:56px;padding:0 22px}.top-actions{gap:12px}main{padding:27px 22px 0}.page-heading{margin-bottom:24px}.page-heading h1{font-size:30px}.page-heading>.button{font-size:0;min-width:36px;padding:9px}.overview-grid,.tool-grid,.faq-grid{grid-template-columns:1fr}.hero{padding:24px;min-height:300px}.hero h2{font-size:28px}.hero-art{opacity:.45}.hero>p{max-width:300px}.hero-footer{gap:18px}.status-card{display:block}.status-card .text-link{margin-top:12px}.steps article{padding:18px}.steps h3{font-size:11px}.steps p{font-size:10px}.badge{display:none}footer{flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}dialog[open]{grid-template-columns:1fr}.auth-art{display:none}.auth-body{padding:35px 26px 24px}.panel{padding:23px}}@media(max-width:450px){main{padding-left:17px;padding-right:17px}.steps{grid-template-columns:1fr}.steps article{padding:17px 21px}.steps article+article{border-left:0;border-top:1px solid #edf1e8}.steps article>span{float:left;margin-right:15px;margin-top:3px}.steps h3{margin:0 0 4px}.steps p{margin-left:45px}.section-heading small{font-size:8px}.page-heading h1{font-size:27px;letter-spacing:-1px}.hero h2{font-size:24px}.hero>p{max-width:235px}.hero-art{opacity:.25}.hero-top small{font-size:6px}nav a{font-size:9px;gap:5px;padding:9px 6px}.topbar{padding:0 18px}#connection-pill{font-size:9px}.profile-avatar{width:43px;height:43px;font-size:19px}.profile-identity h2{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Keep secondary text readable on small screens. */
.helper,.panel>p,.steps p,.info-row p,.page-heading p{color:#647769!important}.eyebrow{color:#5e7867}.button{min-height:44px}nav a{min-height:44px}@media(max-width:450px){nav{overflow-x:auto}nav a{font-size:10px;flex:none}}