.devforge-page{min-height:100vh;background:#0b1220;color:#e8f1ff;font-family:var(--font-display, "Space Grotesk", system-ui, sans-serif)}.devforge-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.25rem;border-bottom:3px solid #14b8a6;background:#111a2b}.devforge-top__brand{display:flex;flex-direction:column;gap:.15rem;text-decoration:none}.devforge-top__brand strong{letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:#14b8a6}.devforge-top__brand span{font-size:.85rem;color:#8aa0bf}.devforge-top__links{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.9rem}.devforge-top__links a{text-decoration:none;border-bottom:1px solid transparent}.devforge-top__links a:hover,.devforge-top__links a:focus-visible{border-bottom-color:#14b8a6;outline:none}.devforge-guide{display:grid;grid-template-columns:minmax(200px,260px) 1fr minmax(200px,280px);min-height:calc(100vh - 4rem)}@media(max-width:960px){.devforge-guide{grid-template-columns:1fr}}.devforge-rail,.devforge-studio{background:#111a2b;border-right:1px solid #1e2d45;padding:1.1rem 1rem}.devforge-studio{border-right:none;border-left:1px solid #1e2d45}@media(max-width:960px){.devforge-rail,.devforge-studio{border-right:none;border-left:none;border-bottom:1px solid #1e2d45}}.devforge-main{padding:1.35rem 1.5rem 2.5rem;max-inline-size:44rem}.devforge-progress{height:6px;background:#1e2d45;border-radius:999px;overflow:hidden;margin:.65rem 0 .35rem}.devforge-progress>span{display:block;height:100%;background:linear-gradient(90deg,#0f766e,#14b8a6)}.devforge-steps{list-style:none;margin:1rem 0 0;padding:0}.devforge-steps li{display:flex;gap:.5rem;padding:.4rem .3rem;border-left:3px solid transparent;color:#8aa0bf;font-size:.88rem}.devforge-steps li.current{border-left-color:#14b8a6;color:#e8f1ff;background:#14b8a614}.devforge-steps li.done .idx{background:#34d399;color:#042f2e}.devforge-steps .idx{flex:0 0 1.3rem;height:1.3rem;border-radius:4px;background:#1e2d45;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.devforge-kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fb7185}.devforge-main h1{margin:.35rem 0;font-size:1.55rem;letter-spacing:-.02em}.devforge-muted{color:#8aa0bf;font-size:.95rem}.devforge-gates{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.55rem;margin:1rem 0}.devforge-gate{border:1px solid #1e2d45;border-radius:8px;padding:.55rem .65rem;background:#0d1524;font-size:.82rem}.devforge-gate p{margin:.3rem 0 0;color:#8aa0bf;font-size:.75rem}.devforge-gate__dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;margin-right:.3rem;vertical-align:middle}.devforge-gate--demo .devforge-gate__dot{background:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.devforge-gate--active .devforge-gate__dot{background:#34d399}.devforge-gate--missing .devforge-gate__dot{background:#fb7185}.devforge-fabric{display:flex;flex-wrap:wrap;gap:.45rem;padding:.55rem 1.25rem;border-bottom:1px solid #1e2d45;background:#0f172af2}.devforge-fabric__pill{font-size:.75rem;color:#8aa0bf;border:1px solid #1e2d45;border-radius:999px;padding:.25rem .65rem;background:#0d1524}.devforge-fabric__pill strong{color:#14b8a6;font-weight:700;margin-right:.25rem}a.devforge-fabric__pill{text-decoration:none;color:inherit}.devforge-fabric__pill--cta{border-color:#14b8a68c;background:linear-gradient(135deg,#14b8a633,#a78bfa1f);color:#e8f1ff}.devforge-fabric__pill--cta:hover{border-color:#14b8a6}.devforge-coach{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start;border:1px solid rgba(20,184,166,.35);background:linear-gradient(135deg,#14b8a61f,#a78bfa14);padding:.9rem 1rem;margin:1rem 0;border-radius:12px}.devforge-coach__avatar{width:2.25rem;height:2.25rem;border-radius:10px;background:linear-gradient(145deg,#14b8a6,#a78bfa);color:#042f2e;font-weight:800;display:flex;align-items:center;justify-content:center}.devforge-coach strong{color:#14b8a6;display:block;margin-bottom:.15rem}.devforge-coach p{margin:0}.devforge-coach__pop{font-size:.8rem!important;padding:.35rem .55rem!important}.devforge-footnote{margin-top:1.1rem;font-size:.85rem!important;line-height:1.45}.devforge-a2ui-cards{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}.devforge-a2ui-card{border:1px solid #1e2d45;border-radius:8px;padding:.4rem .6rem;font-size:.8rem;background:#0b1220}.devforge-modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:1rem;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.devforge-modal{width:min(420px,100%);border-radius:16px;border:1px solid rgba(20,184,166,.4);background:linear-gradient(160deg,#0f172a,#111827);box-shadow:0 24px 80px #0000008c,0 0 40px #14b8a626;padding:1.25rem 1.3rem 1.1rem;animation:devforge-pop .28s cubic-bezier(.2,.9,.3,1.15)}@keyframes devforge-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.devforge-modal h2{margin:0 0 .35rem;font-size:1.15rem}.devforge-modal p{margin:0 0 1rem;color:#cbd5e1}.devforge-modal__row{display:flex;gap:.5rem;justify-content:flex-end}.devforge-modal__row button{appearance:none;border:1px solid #1e2d45;background:#111a2b;color:#e8f1ff;font-weight:600;padding:.5rem .95rem;border-radius:8px;cursor:pointer}.devforge-modal__row button.primary{background:#14b8a6;border-color:#14b8a6;color:#042f2e}.devforge-modal__row button.ghost{background:transparent}.devforge-celebrate{position:fixed;inset:0;pointer-events:none;z-index:45;overflow:hidden}.devforge-particle{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:devforge-fall 1.35s linear forwards}@keyframes devforge-fall{to{transform:translateY(110vh) rotate(540deg);opacity:.15}}.devforge-teach{border:1px solid #1e2d45;border-radius:8px;padding:1rem;background:#111a2b;margin-bottom:1rem}.devforge-teach h3{margin-top:0}.devforge-teach table{width:100%;border-collapse:collapse;margin:.65rem 0;font-size:.9rem}.devforge-teach th,.devforge-teach td{border:1px solid #1e2d45;padding:.35rem .5rem;text-align:left}.devforge-teach th{background:#14b8a61f}.devforge-teach code{font-family:var(--font-mono, "IBM Plex Mono", ui-monospace, monospace);font-size:.85em}.devforge-a2ui{border:1px dashed #1e2d45;border-radius:8px;padding:.75rem .9rem;margin-bottom:1rem}.devforge-a2ui pre{margin:.4rem 0 0;padding:.55rem;background:#070b14;border-radius:6px;overflow:auto;max-height:10rem;font-size:.75rem;color:#cbd5e1;font-family:var(--font-mono, "IBM Plex Mono", ui-monospace, monospace)}.devforge-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.devforge-actions button{appearance:none;border:1px solid #1e2d45;background:#111a2b;color:#e8f1ff;font-weight:600;padding:.5rem .95rem;border-radius:6px}.devforge-actions button:hover{border-color:#14b8a6}.devforge-actions button:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.devforge-actions button.primary{background:#14b8a6;border-color:#14b8a6;color:#042f2e}.devforge-actions button.ghost{background:transparent}.studio-frame{border:2px solid #1e2d45;border-radius:8px;overflow:hidden;background:#0a0f18;min-height:16rem;display:grid;grid-template-columns:2.5rem 1fr;grid-template-rows:1fr 4.5rem}.studio-activity{grid-row:1 / 3;background:#0d1524;border-right:1px solid #1e2d45;display:flex;flex-direction:column;gap:.35rem;padding:.45rem .3rem;align-items:center}.studio-activity span{width:1.5rem;height:1.5rem;border-radius:4px;background:#1e2d45}.studio-body{display:grid;grid-template-columns:5.5rem 1fr;min-height:10rem}.studio-side,.studio-editor,.studio-panel{border:1px solid transparent;padding:.4rem;font-size:.65rem;color:#8aa0bf;text-transform:uppercase;letter-spacing:.04em}.studio-side{border-right:1px solid #1e2d45;background:#0e1626}.studio-editor{background:#0b1220}.studio-panel{grid-column:1 / -1;border-top:1px solid #1e2d45;background:#0c121f}.studio-frame .hi{border-color:#14b8a6!important;box-shadow:inset 0 0 0 1px #14b8a6,0 0 12px #14b8a659;color:#e8f1ff}.studio-toast{margin-top:.65rem;padding:.5rem .65rem;border-left:3px solid #38bdf8;background:#38bdf814;font-size:.85rem;color:#e8f1ff}.studio-label{font-size:.75rem;color:#8aa0bf;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.06em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}