:root{font-family:Poppins,Segoe UI,system-ui,-apple-system,sans-serif;color:#e9f0ff;background-color:#060915;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background:#060915}#root{min-height:100vh}.page{position:relative;max-width:1220px;margin:0 auto;padding:42px 18px 80px;overflow:hidden}.bg-aurora{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(124,94,255,.25),transparent 30%),radial-gradient(circle at 85% 10%,rgba(63,192,159,.2),transparent 25%),radial-gradient(circle at 50% 70%,rgba(255,126,150,.18),transparent 30%);z-index:0;filter:blur(4px);opacity:.7}.bg-glow{position:fixed;inset:0;background-image:linear-gradient(135deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(45deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.35;z-index:0}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:22px;align-items:stretch;padding:38px;background:linear-gradient(120deg,#141a31f2,#0a0e1ae6);border:1px solid rgba(255,255,255,.04);border-radius:26px;box-shadow:0 30px 80px #00000080}.hero__copy h1{margin:10px 0;font-size:40px;line-height:1.15;letter-spacing:-.6px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#ffffff0f;color:#9ee8ff;font-weight:700;font-size:13px;letter-spacing:.4px;text-transform:uppercase}.gradient-text{display:inline-block;background:linear-gradient(90deg,#ff7a59,#7c4dff,#3dd9b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:6px}.lede{margin:14px 0 22px;color:#a8b9d6}.hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.hero__tags{display:flex;gap:10px;flex-wrap:wrap}.hero__tags span{padding:6px 12px;border-radius:999px;background:#ffffff14;color:#d7e3ff;font-size:13px}.hero__panel{background:#080b18d9;border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px #ffffff05}.panel__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.panel__stats div{background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;display:grid;gap:4px}.panel__stats strong{font-size:18px;color:#fff}.panel__stats span{color:#9fb3d5;font-size:13px}.panel__rail{display:grid;gap:10px}.rail-link{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);text-decoration:none;color:#e9f0ff;transition:transform .14s ease,border-color .14s ease,background .14s ease}.rail-link:hover{transform:translateY(-2px);border-color:#ffffff26;background:#ffffff0f}.rail-link p{margin:0;font-weight:700}.rail-link small{color:#9fb3d5}.dot{width:12px;height:12px;border-radius:50%;display:inline-block}.chevron{color:#8ba4f7;font-weight:900}.section{position:relative;z-index:1;margin-top:70px;display:flex;flex-direction:column;gap:20px}.section__header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.section__header h2{margin:6px 0 0;font-size:28px;letter-spacing:-.2px}.section__header .muted{margin:4px 0 0;color:#9fb3d5}.label{color:#8ba4f7;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:0}.pill-group{display:flex;gap:8px;flex-wrap:wrap}.pill-group span{padding:6px 12px;border-radius:999px;background:#ffffff14;color:#d7e3ff;font-size:13px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tool-card{position:relative;padding:20px 18px 18px;border-radius:16px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.05);text-decoration:none;color:#f7fbff;display:grid;gap:8px;min-height:160px;box-shadow:0 14px 40px #00000073;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tool-card:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff26;box-shadow:0 18px 50px #0000008c}.tool-card__badge{width:32px;height:32px;border-radius:10px;box-shadow:0 6px 18px #0006}.tool-card__title{font-size:18px;font-weight:800}.tool-card__desc{font-size:14px;color:#c7d5f4}.tool-card__cta{font-weight:700;color:#8ba4f7}.hero-slab{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:20px;padding:32px;border-radius:26px;background:linear-gradient(135deg,#141a31f2,#090e1ae6);border:1px solid rgba(255,255,255,.05);box-shadow:0 30px 80px #0000008c;overflow:hidden}.hero-slab:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(124,77,255,.16),transparent 32%),radial-gradient(circle at 20% 70%,rgba(61,217,184,.14),transparent 28%);pointer-events:none}.hero-left,.hero-right{position:relative;z-index:1}.hero-title{margin:12px 0 10px;font-size:38px;line-height:1.15}.hero-right .tool-grid{display:grid;grid-template-columns:1fr;gap:12px}.tool-card.modern{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);box-shadow:0 14px 40px #00000073;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.tool-card.modern:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 18px 60px #0000008c}.tool-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.tool-head h4{margin:0;font-size:17px}.tool-desc{margin:6px 0 0;color:#c7d5f4}.tool-cta{margin-top:8px;font-weight:700;color:#8ba4f7}.metric-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:18px}.metric-card{padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:grid;gap:4px}.metric-card strong{font-size:18px}.metric-card span{color:#c7d5f4;font-size:13px}.floating{animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.hero-right .tool-grid .tool-card.modern{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__actions .btn-primary{box-shadow:0 16px 36px #7c4dff59}.wave-panel{margin-top:20px;background:radial-gradient(circle at 20% 30%,rgba(124,77,255,.08),transparent 36%),#080b18e6;border:1px solid rgba(255,255,255,.05)}.two-column{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:stretch}.panel{background:#0a0d19e6;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:26px;box-shadow:0 24px 60px #00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-panel h3{margin:4px 0 18px}.panel__eyebrow{color:#8ba4f7;font-weight:700;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:8px;color:#cfdcff;font-size:14px}.field.full{grid-column:1 / -1}.field small{color:#8ea4c8}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e9f0ff;font-size:15px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff47}select option{color:#e9f0ff;background:#0b0f1d}textarea{min-height:110px;resize:vertical}.upload{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);background:#ffffff08;color:#cfdcff}.upload .muted{color:#8ea4c8;font-size:14px}.upload-clickable{position:relative;overflow:hidden;cursor:pointer}.upload-clickable input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-info{margin-top:6px;color:#8ea4c8;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.02)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,#7c4dff,#ff7a59);color:#f9fbff;box-shadow:0 12px 30px #7c4dff59}.btn-ghost{background:#ffffff14;border-color:#ffffff26;color:#e9f0ff}.btn-gradient{background:linear-gradient(120deg,#7c4dff,#3dd9b8);color:#0a0f1c;font-weight:800;box-shadow:0 12px 32px #3dd9b859}.btn-success{background:#3dd9b8;color:#0a0f1c;box-shadow:0 12px 26px #3dd9b859}.btn.wide{width:100%;margin-top:10px;padding:14px}.preview-panel{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:14px;background:linear-gradient(135deg,#070c18f5,#0a101de6);position:relative}.preview-icon{font-size:34px}.preview-title{margin:6px 0 0;font-weight:800}.preview-subtitle{margin:0;color:#8ea4c8}.preview-list{list-style:disc;color:#c7d5f4;padding-left:18px;margin:8px 0 0;text-align:left}.pill{display:inline-flex;align-items:center;padding:4px 10px;background:#ffffff1a;border-radius:999px;color:#f9fbff;font-size:12px;font-weight:700}.status-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#ff7a59;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-box{margin-top:8px;padding:10px 12px;border-radius:10px;background:#ff4f611a;border:1px solid rgba(255,79,97,.3);color:#ffc3c3}.panel.wide{padding:32px}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative}.empty-preview{text-align:center;padding:16px}.stage-wrapper{display:grid;gap:12px}.stage{border-radius:14px;padding:16px;min-height:280px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 35%),#0c101ef2;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff05,0 10px 30px #00000059}.stage-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.stage-header strong{font-size:18px}.stage-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:12px;margin-top:10px;align-items:start}.stage-body ul{margin:0 0 0 18px;padding:0;color:#f7fbff}.stage-aside{display:flex;align-items:stretch}.visuals-card{background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);border-radius:12px;padding:12px;color:#dfe8ff;width:100%}.visuals-label{margin:0 0 4px;color:#9fb3d5;font-weight:700;font-size:13px}.visuals-text{margin:0;color:#dfe8ff}.stage-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.nav-buttons{display:flex;align-items:center;gap:10px}.nav-buttons .btn-ghost{background:#ffffff0f;border-color:#ffffff1f;color:#e9f0ff;min-width:90px}.nav-buttons .btn-ghost:disabled{opacity:.45}.export-btn{background:#2ae3a0;color:#082018;box-shadow:0 0 24px #2ae3a073,0 14px 30px #00000059;padding:12px 16px;border-radius:12px;font-weight:800}.export-btn:hover{transform:translateY(-2px);filter:brightness(1.02)}.notes-card{border-radius:12px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.notes-title{margin:0 0 4px;font-weight:700;color:#9fb3d5}.notes-text{margin:0;color:#dfe8ff}.theme-charcoal-gray{background:radial-gradient(circle at 30% 30%,rgba(124,77,255,.12),transparent 45%),#171b2c}.theme-sky-fade{background:radial-gradient(circle at 70% 20%,rgba(61,217,184,.18),transparent 40%),#0f1c2f}.theme-green-chalk{background:radial-gradient(circle at 25% 25%,rgba(96,214,120,.2),transparent 40%),#11211c}.light-panel{background:#f9fbff;border:1px solid #d7e2f7;color:#0f1729;box-shadow:0 24px 60px #00000026}.light-panel .field,.light-panel .field span,.light-panel .muted,.light-panel .label{color:#0f1729}.light-panel input,.light-panel select,.light-panel textarea{background:#fff;color:#0f1729;border:1px solid #d0daed}.light-panel input:focus,.light-panel select:focus,.light-panel textarea:focus{border-color:#7c4dff;box-shadow:0 0 0 3px #7c4dff33}.light-panel .upload{background:#eef3ff;border-color:#d0daed;color:#0f1729}.light-panel .upload .muted{color:#5c7091}.format-chips{display:flex;flex-wrap:wrap;gap:10px}.chip-btn{padding:10px 14px;border-radius:12px;border:1px solid #d0daed;background:#f3f6ff;color:#0f1729;font-weight:600;cursor:pointer}.chip-btn.active{background:#7c4dff;color:#fdfdff;border-color:#7c4dff;box-shadow:0 8px 20px #7c4dff4d}.question-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:12px 0}.question-card{background:#0a0d19cc;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.question-card.active{border-color:#7c4dff;box-shadow:0 10px 24px #7c4dff40}.question-card input[type=number]{width:90px}.checkbox-row{display:flex;align-items:center;gap:10px;color:#dfe8ff}.checkbox-row input{width:auto;accent-color:#7c4dff}.modal-backdrop{position:fixed;inset:0;background:#04060ccc;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(1100px,100%);background:#0e1423;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 64px #00000059;padding:20px 24px 28px;color:#dfe8ff;max-height:92vh;overflow:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px;margin-bottom:16px}.modal__actions{display:flex;align-items:center;gap:10px}.modal__body{display:flex;flex-direction:column;gap:16px}.dll-preview h4{margin:0 0 8px;color:#c7d5f4}.dll-preview ul,.dll-preview ol{margin:0;padding-left:18px;color:#dfe8ff;display:grid;gap:6px}.dll-preview p{margin:0;color:#dfe8ff}.dll-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dll-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.dll-day{background:#ffffff08;border:1px dashed rgba(255,255,255,.08);border-radius:12px;padding:12px}.dll-day h5{margin:0 0 6px;color:#c7d5f4}@media(max-width:980px){.hero,.two-column{grid-template-columns:1fr}}@media(max-width:640px){.hero__copy h1{font-size:32px}.panel,.hero{padding:24px}.section__header{align-items:flex-start}}.confined{max-width:520px;margin:80px auto}.splash-card{text-align:center;padding:32px 28px;border-radius:18px;background:#080b18d9;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 40px #0006}.splash-loader{display:inline-flex;gap:6px;margin-top:18px}.splash-loader span{width:10px;height:10px;border-radius:50%;background:linear-gradient(120deg,#7c4dff,#3dd9b8);animation:pulse 1s ease-in-out infinite}.splash-loader span:nth-child(2){animation-delay:.15s}.splash-loader span:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,to{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}}.login-screen .auth-panel{padding:28px 24px;border-radius:16px;background:#080b18d9;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 40px #00000059}.auth-actions{margin-top:16px;display:flex;gap:10px}