.dev-hero{padding:9.5rem 0 3.5rem;background:var(--gradient-hero)}.dev-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:end;gap:var(--space-3xl)}.dev-hero__summary{display:grid;gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--bg-card) 90%,transparent);box-shadow:var(--shadow-card)}.dev-hero__summary span{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.dev-access{padding:var(--space-2xl);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));border-radius:18px;background:color-mix(in srgb,var(--bg-card) 94%,transparent);box-shadow:var(--shadow-card)}.dev-access__header{display:flex;justify-content:space-between;gap:var(--space-xl);align-items:start}.dev-access__title{margin:var(--space-xs) 0 var(--space-sm);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);line-height:.95;letter-spacing:-.05em;text-transform:uppercase}.dev-access__text{margin:0;max-width:62ch;color:var(--text-secondary);line-height:1.6}.dev-access__text code,.dev-note code{padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.dev-access__status{min-width:220px;display:grid;gap:4px;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:12px;background:color-mix(in srgb,var(--bg-primary) 70%,transparent)}.dev-access__status span{font-weight:var(--weight-semibold);color:var(--text-primary)}.dev-access__status small{color:var(--text-tertiary)}.dev-access__actions{margin-top:var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.dev-access__actions button:disabled{opacity:.55;cursor:wait}.dev-token-label{display:block;margin-top:var(--space-xl);margin-bottom:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.dev-token-output{width:100%;min-height:108px;resize:vertical;padding:var(--space-md);border:1px solid var(--border-color);border-radius:12px;background:#0000006b;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5}[data-theme=light] .dev-token-output{background:#1414140a}.dev-command-list{display:grid;gap:var(--space-md)}.dev-command{padding:var(--space-lg);border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--bg-card) 92%,transparent)}.dev-command__top{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.dev-command__step{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-text);font-weight:var(--weight-bold)}.dev-command h3{margin:0;flex:1;font-family:var(--font-display);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:-.03em}.dev-command button{border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;background:color-mix(in srgb,var(--bg-primary) 82%,transparent);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer}.dev-code{margin:0;padding:var(--space-md) var(--space-lg);border-radius:12px;border:1px solid var(--border-color);background:#00000073;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;color:var(--text-primary)}[data-theme=light] .dev-code{background:#1414140a}.dev-code code{white-space:pre;display:block}.dev-simple{background:color-mix(in srgb,var(--accent) 5%,transparent)}.dev-simple__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.dev-simple__item{padding:var(--space-lg);border:1px solid var(--border-color);border-radius:16px;background:color-mix(in srgb,var(--bg-card) 92%,transparent)}.dev-simple__item h3{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:-.04em}.dev-simple__item p{margin:0;color:var(--text-secondary);line-height:1.55}.dev-note{margin-top:var(--space-xl);padding:var(--space-md) var(--space-lg);border-radius:12px;border:1px dashed var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}@media (max-width: 900px){.dev-hero__grid,.dev-simple__grid{grid-template-columns:1fr}.dev-access__header{flex-direction:column}.dev-access__status{width:100%}}@media (max-width: 640px){.dev-hero{padding-top:9rem}.dev-access,.dev-command,.dev-simple__item{padding:var(--space-md)}.dev-access__actions{display:grid}.dev-command__top{align-items:start}}.dev-list{list-style:disc;padding-left:1.5rem;display:flex;flex-direction:column;gap:.4rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.dev-list li strong{color:var(--text-primary)}#quick-commands{position:relative;overflow:hidden;background:radial-gradient(70% 80% at 88% 24%,rgba(166,138,255,.18),transparent 58%),radial-gradient(60% 70% at 10% 94%,rgba(255,181,131,.12),transparent 60%),linear-gradient(180deg,#1b1c20,#17181b);color:#f8f6ee}#quick-commands:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}#quick-commands>.container{position:relative;z-index:1}.dev-code-header{max-width:980px;margin-inline:auto;text-align:left}.dev-code-header .section__label{color:#f8f6ee;border-color:#a88bfac2;background:#a88bfa29}.dev-code-header .section__label:before{background:#a78bfa;box-shadow:0 0 24px #a88bfa99}.dev-code-header .section__title,.dev-code-header .section__subtitle{color:#f8f6ee!important}.dev-code-header .section__subtitle{opacity:.78!important}#quick-commands .section__title,#quick-commands .section__subtitle,#quick-commands .section__label{color:#f8f6ee!important}#quick-commands .section__title .italic-accent,#quick-commands .section__title .text-accent,#quick-commands .section__title .clex-write{color:transparent!important;-webkit-text-fill-color:transparent!important;opacity:1!important}.dev-command-list{max-width:1180px;margin:var(--space-2xl) auto 0;gap:0}.dev-command{position:relative;padding:0;border:2px solid #a78bfa;border-radius:30px;background:#020203;color:#f8f6ee;box-shadow:18px 18px #a78bfa,0 28px 80px #0000005c;overflow:hidden}.dev-command+.dev-command{margin-top:var(--space-xl)}.dev-command__top{min-height:86px;padding:1.1rem 1.4rem;margin:0;border-bottom:1px solid rgba(168,139,250,.36);background:linear-gradient(90deg,rgba(168,139,250,.12),transparent 45%),#050506}.dev-command__top:before{content:"";width:52px;height:18px;flex:0 0 52px;border-radius:999px;background:radial-gradient(circle at 9px 50%,#ff5f57 0 6px,transparent 7px),radial-gradient(circle at 26px 50%,#ffbd2e 0 6px,transparent 7px),radial-gradient(circle at 43px 50%,#28c840 0 6px,transparent 7px)}.dev-command__step{display:inline-grid;place-items:center;min-width:3.1rem;height:2.55rem;border-radius:14px;background:#a78bfa;color:#151515;font-size:.8rem}.dev-command h3{color:#f8f6ee!important;font-size:clamp(1.1rem,2.2vw,1.8rem);text-transform:none;letter-spacing:-.02em}.dev-command button{border:2px solid #2d2940;border-radius:14px;padding:.78rem 1.1rem;background:#a78bfa;color:#151515;box-shadow:5px 5px #000000bf;font-family:var(--font-body);font-weight:900;letter-spacing:0;text-transform:none}.dev-command button:hover,.dev-command button:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px #000000bf}.dev-code{min-height:250px;margin:0;padding:clamp(1.4rem,3vw,2.4rem);border:0;border-radius:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px) 4rem 0 / 1px 100% no-repeat,#020203;color:#e9e6df!important;font-size:clamp(.92rem,1.6vw,1.2rem);line-height:1.85}.dev-code code{color:inherit}.dev-command:nth-child(2),.dev-command:nth-child(3){width:min(960px,100%);margin-inline:auto 0;box-shadow:12px 12px #a88bfad1,0 24px 66px #00000047}.dev-command:nth-child(3){margin-inline:0 auto}@media (max-width: 760px){#quick-commands{padding-inline:0}.dev-code-header{text-align:center}.dev-command{border-radius:22px;box-shadow:8px 8px #a78bfa,0 18px 54px #00000052}.dev-command__top{min-height:auto;flex-wrap:wrap;padding:.95rem}.dev-command__top:before{width:44px;flex-basis:44px;background:radial-gradient(circle at 7px 50%,#ff5f57 0 5px,transparent 6px),radial-gradient(circle at 22px 50%,#ffbd2e 0 5px,transparent 6px),radial-gradient(circle at 37px 50%,#28c840 0 5px,transparent 6px)}.dev-command h3{flex-basis:calc(100% - 4rem)}.dev-command button{width:100%}.dev-code{min-height:190px;padding:1rem;font-size:.78rem;line-height:1.7}}