.page{grid-template-columns:1fr 360px;align-items:start;gap:64px;max-width:1060px;margin:0 auto;padding:120px 56px 100px;display:grid}.page-kicker{letter-spacing:2px;text-transform:uppercase;color:var(--v);margin-bottom:14px;font-family:DM Mono,monospace;font-size:11px;display:block}.page-h1{letter-spacing:-1.5px;margin-bottom:12px;font-family:Syne,sans-serif;font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.05}.page-sub{color:var(--muted);max-width:440px;margin-bottom:44px;font-size:16px;font-weight:300;line-height:1.7}.form-group{margin-bottom:24px}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:DM Mono,monospace;font-size:11px;display:block}label .req{color:var(--v)}.field{background:var(--card);border:1px solid var(--border);width:100%;color:var(--text);appearance:none;border-radius:10px;outline:none;min-height:44px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-side .webs-control{background:var(--card);border:1px solid var(--border);min-height:44px;color:var(--text);border-radius:10px}.field::placeholder{color:var(--muted)}.field:focus{border-color:var(--v);box-shadow:0 0 0 3px oklch(68% .28 290/.1)}textarea.field{resize:vertical;min-height:100px;line-height:1.6}select.field{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23555a7a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}select.field option{background:var(--card)}.pricing-options{gap:8px;display:flex}.pricing-opt{flex:1}.pricing-opt input{opacity:0;pointer-events:none;position:absolute}.pricing-opt label{background:var(--card);border:1px solid var(--border);letter-spacing:.5px;cursor:pointer;text-transform:uppercase;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:10px;font-family:DM Mono,monospace;font-size:12px;transition:all .2s;display:flex}.pricing-opt input:checked+label{border-color:var(--v);color:var(--v);background:oklch(68% .28 290/.08)}.field-hint{color:var(--muted);justify-content:space-between;margin-top:6px;font-family:DM Mono,monospace;font-size:11px;display:flex}.char-count.warn{color:var(--m)}.char-count.over{color:red}.form-submit{align-items:center;gap:16px;margin-top:36px;display:flex}.btn-primary{background:linear-gradient(135deg,var(--v),var(--m));color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 32px;font-family:Syne,sans-serif;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 24px oklch(68% .28 290/.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px oklch(68% .28 290/.45)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.submit-note{color:var(--muted);letter-spacing:.3px;font-family:DM Mono,monospace;font-size:11px}.success-state{text-align:center;background:var(--card);border:1px solid oklch(84% .26 145/.3);border-radius:20px;flex-direction:column;align-items:center;padding:60px 40px;display:none}.success-icon{background:oklch(84% .26 145/.12);border:2px solid oklch(84% .26 145/.4);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-h2{letter-spacing:-.5px;margin-bottom:10px;font-family:Syne,sans-serif;font-size:26px;font-weight:800}.success-p{color:var(--muted);max-width:340px;margin-bottom:28px;font-size:15px;line-height:1.65}.preview-side{position:sticky;top:96px}.preview-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-family:DM Mono,monospace;font-size:11px;display:flex}.preview-label-dot{background:var(--l);width:6px;height:6px;box-shadow:0 0 6px var(--l);border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.preview-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.preview-card:before{content:"";background:var(--v);opacity:.7;border-radius:0 2px 2px 0;width:2px;position:absolute;top:12px;bottom:12px;left:0}.preview-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.preview-logo{width:40px;height:40px;color:var(--v);background:oklch(68% .28 290/.15);border:1px solid oklch(68% .28 290/.25);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:13px;font-weight:800;transition:all .3s;display:flex}.preview-badges{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.tool-badge{letter-spacing:.8px;text-transform:uppercase;border:1px solid;border-radius:4px;padding:2px 7px;font-family:DM Mono,monospace;font-size:9px}.badge-free{color:var(--l);background:oklch(84% .26 145/.08);border-color:oklch(84% .26 145/.3)}.badge-freemium{color:var(--c);background:oklch(72% .22 210/.08);border-color:oklch(72% .22 210/.3)}.badge-paid{color:var(--muted);border-color:var(--border)}.preview-name{letter-spacing:-.2px;min-height:22px;margin-bottom:6px;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.preview-desc{color:var(--muted);min-height:60px;font-size:13px;line-height:1.55;transition:color .3s}.preview-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.preview-cat{letter-spacing:1px;text-transform:uppercase;color:var(--v);font-family:DM Mono,monospace;font-size:10px}.preview-url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-family:DM Mono,monospace;font-size:11px;overflow:hidden}.shimmer{background:linear-gradient(90deg,var(--border) 25%,var(--card) 50%,var(--border) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ph{height:14px;margin-bottom:6px}.ph.sm{width:60%;height:10px}.ph.lg{width:80%;height:20px}.guidelines{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-top:20px;padding:24px}.guide-title{margin-bottom:14px;font-family:Syne,sans-serif;font-size:14px;font-weight:700}.guide-list{flex-direction:column;gap:10px;list-style:none;display:flex}.guide-list li{color:var(--muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.guide-icon{flex-shrink:0;margin-top:2px}@media (width<=860px){.page{grid-template-columns:1fr;gap:40px;padding:100px 20px 60px}.preview-side{position:static}.form-row{grid-template-columns:1fr}.field,.form-side .webs-control,.btn-primary{min-height:44px;font-size:16px}}