@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101417;--panel:#171c20;--panel-2:#1c2328;--line:#2b353b;--muted:#8b989c;--text:#e7ece9;--lime:#c3f36b;--amber:#ffb95e;--danger:#ff7c70}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px}.app-shell{min-height:100vh;position:relative}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);font-size:13px}.brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:.02em}.brand-mark{background:var(--lime);color:#131714;font-family:'DM Mono',monospace;font-size:12px;font-weight:500;padding:7px 8px}.topbar-note{color:var(--muted);font-family:'DM Mono',monospace;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--lime)}.workspace{max-width:1250px;margin:0 auto;padding:62px clamp(20px,5vw,76px) 90px}.hero{display:flex;justify-content:space-between;align-items:end;max-width:890px;margin-bottom:55px}.eyebrow{color:var(--lime);font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.18em;margin:0 0 10px}.hero h1{font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;font-weight:600;max-width:680px}.hero-copy{color:var(--muted);line-height:1.6;max-width:550px;margin:0;font-size:15px}.hero-badge{border:1px solid var(--line);width:104px;height:104px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;color:var(--lime)}.hero-badge span{font-family:'DM Mono';font-size:25px}.hero-badge small{font-size:11px;line-height:1.3;color:var(--muted)}.layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.section-heading h2,.summary-card h2{font-size:22px;letter-spacing:-.03em;margin:0;font-weight:500}.step{font-family:'DM Mono';font-size:10px;color:var(--muted);padding-bottom:4px}.panel,.module-card,.validation-panel{background:rgba(23,28,32,.9);border:1px solid var(--line)}.profile-panel{padding:22px;display:grid;gap:18px;margin-bottom:48px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:11px;color:var(--muted);display:grid;gap:8px}input,textarea,select{font:inherit;color:var(--text);background:#111619;border:1px solid var(--line);padding:12px 13px;outline:none;border-radius:0;font-size:13px;width:100%}textarea{resize:vertical;line-height:1.4}input:focus,textarea:focus,select:focus{border-color:var(--lime)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px;background-repeat:no-repeat}.modules-heading{margin-top:4px}.module-list{display:grid;gap:12px;margin-bottom:48px}.module-card{padding:19px 20px}.module-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.module-name{font-size:16px;font-weight:600;margin:0 0 5px}.module-description{color:var(--muted);font-size:12px;line-height:1.5;margin:0;max-width:560px}.toggle{position:relative;width:42px;height:23px;flex:none}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#303a40;border-radius:20px;cursor:pointer;transition:.2s}.slider:before{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#829096;transition:.2s}.toggle input:checked+.slider{background:var(--lime)}.toggle input:checked+.slider:before{transform:translateX(19px);background:#172016}.options{display:none;border-top:1px solid var(--line);margin-top:18px;padding-top:18px;grid-template-columns:repeat(2,1fr);gap:16px}.module-card.active .options{display:grid}.module-card.active{border-color:#566b48}.option-help{grid-column:1/-1;color:#77847f;font-size:11px;margin:-3px 0 0;font-family:'DM Mono'}.validation-panel{padding:18px 20px;margin-bottom:20px}.validation-item{display:flex;gap:10px;align-items:flex-start;padding:9px 0;color:var(--muted);font-size:12px;line-height:1.4}.validation-item:first-child{padding-top:0}.validation-item:last-child{padding-bottom:0}.validation-item .icon{font-family:'DM Mono';color:var(--lime)}.validation-item.error .icon{color:var(--danger)}.summary-column{padding-top:30px}.summary-card{background:var(--lime);color:#182018;padding:25px;position:sticky;top:24px}.summary-card .eyebrow{color:#4e6339}.summary-head{display:flex;justify-content:space-between;align-items:flex-start}.summary-card h2{font-size:21px}.zip-icon{font-family:'DM Mono';font-size:10px;border:1px solid #789d49;padding:5px}.summary-rule{height:1px;background:#9fcb5b;margin:24px 0 18px}.summary-stat{display:flex;justify-content:space-between;font-size:12px;margin:10px 0}.summary-stat span{color:#51623e}.summary-stat strong{font-family:'DM Mono';font-weight:500}.tree{font-family:'DM Mono';font-size:11px;border-top:1px solid #9fcb5b;margin-top:20px;padding:15px 0 17px;line-height:1.8;color:#526541;white-space:pre}.export-button{border:0;background:#172016;color:var(--lime);font:500 13px 'Space Grotesk';width:100%;padding:15px;cursor:pointer;display:flex;justify-content:space-between;transition:transform .15s,background .15s}.export-button:hover{background:#243321;transform:translateY(-2px)}.privacy-note{font-size:10px;color:#62754b;line-height:1.4;margin:15px 0 0}.privacy-note span{color:#5c9a34}.tip-card{border:1px solid var(--line);padding:17px 19px;margin-top:15px}.tip-label{font-family:'DM Mono';font-size:10px;color:var(--amber);letter-spacing:.12em}.tip-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0 0}.toast{position:fixed;right:24px;bottom:24px;background:var(--lime);color:#172016;padding:13px 16px;font-size:12px;transform:translateY(90px);opacity:0;transition:.25s;box-shadow:0 8px 30px #0008}.toast.show{transform:translateY(0);opacity:1}@media(max-width:800px){.layout-grid{grid-template-columns:1fr}.summary-column{padding-top:0}.summary-card{position:relative}.hero-badge{display:none}}@media(max-width:520px){.workspace{padding-top:40px}.field-row,.options{grid-template-columns:1fr}.topbar-note{display:none}.hero h1{font-size:42px}}