.demo-page-wrapper{min-height:100vh;background-color:var(--bg-main,#FAF7F2);color:var(--text-primary,#18181B);font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.demo-main-container{flex:1 1;width:100%;max-width:1140px;margin:0 auto;padding:44px 20px 84px;box-sizing:border-box}.demo-hero{text-align:center;max-width:780px;margin:0 auto 36px}.demo-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:6px 14px;border-radius:999px;border:1.5px solid #18181b;background:#FFE600;color:#18181B;box-shadow:2px 2px 0 #18181B;margin-bottom:14px}[data-theme=dark] .demo-eyebrow{border-color:rgba(255,255,255,.2);box-shadow:2px 2px 0 #000}.demo-title{font-size:42px;font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:0 0 14px;color:var(--text-primary,#18181B)}.demo-subtitle{font-size:16.5px;line-height:1.6;color:var(--text-secondary,#475569);margin:0 auto 20px;max-width:640px}.demo-perks-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:14px}.demo-perk-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--bg-surface,#FFFFFF);border:1.5px solid #18181b;color:var(--text-primary,#18181B);box-shadow:2px 2px 0 #18181B}[data-theme=dark] .demo-perk-pill{border-color:rgba(255,255,255,.16);box-shadow:2px 2px 0 #000}.demo-mode-switcher{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 32px;max-width:540px;background:rgba(148,163,184,.14);padding:6px;border-radius:12px;border:1.5px solid #18181b;box-shadow:3px 3px 0 #18181B}[data-theme=dark] .demo-mode-switcher{border-color:rgba(255,255,255,.2);box-shadow:3px 3px 0 #000}.demo-tab-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:800;border-radius:8px;border:1.5px solid transparent;background:transparent;color:var(--text-secondary,#64748B);cursor:pointer;transition:all .2s ease;font-family:Sora,sans-serif;text-decoration:none}.demo-tab-btn.active{background:#FFE600;color:#18181B;border-color:#18181B;box-shadow:2px 2px 0 #18181B}[data-theme=dark] .demo-tab-btn.active{border-color:#18181B;box-shadow:2px 2px 0 #000}.demo-tab-btn:hover:not(.active){color:var(--text-primary,#18181B);background:rgba(255,255,255,.4)}.demo-content-layout{display:grid;grid-template-columns:1fr;gap:28px;width:100%}.demo-card{background:var(--bg-surface,#FFFFFF);border:2px solid #18181b;border-radius:16px;box-shadow:5px 7px 0 #18181B;overflow:hidden;position:relative}[data-theme=dark] .demo-card{border-color:rgba(255,255,255,.16);box-shadow:5px 7px 0 #000;background:#11141E}.demo-card-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(148,163,184,.08);border-bottom:2px solid #18181b}[data-theme=dark] .demo-card-topbar{border-bottom-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.demo-window-dots{display:flex;align-items:center;gap:6px}.demo-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.demo-dot.red{background:#EF4444}.demo-dot.yellow{background:#F59E0B}.demo-dot.green{background:#10B981}.demo-card-top-title{font-size:11.5px;font-weight:800;font-family:JetBrains Mono,monospace,sans-serif;letter-spacing:.02em;color:var(--text-secondary,#475569);display:flex;align-items:center;gap:6px}.demo-card-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(16,185,129,.15);color:#047857;border:1px solid rgba(16,185,129,.3)}.demo-form-body{padding:28px 24px}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-form-group{display:flex;flex-direction:column;gap:6px}.demo-form-group.col-span-2{grid-column:span 2}.demo-label{font-size:12.5px;font-weight:800;color:var(--text-primary,#18181B);display:flex;align-items:center;gap:4px}.demo-required-star{color:#DC2626;font-weight:900}.demo-input,.demo-select{width:100%;box-sizing:border-box;font-size:14px;font-weight:600;font-family:Sora,sans-serif;padding:11px 14px;border-radius:8px;border:2px solid #18181b;background:var(--bg-surface,#FFFFFF);color:var(--text-primary,#18181B);outline:none;transition:all .15s ease;box-shadow:2px 2px 0 rgba(24,24,27,.3)}[data-theme=dark] .demo-input,[data-theme=dark] .demo-select{background:#181D2A;border-color:rgba(255,255,255,.22);color:#F8FAFC;box-shadow:2px 2px 0 rgba(0,0,0,.4)}.demo-input:focus,.demo-select:focus{border-color:#18181B;box-shadow:3px 3px 0 #FFE600}[data-theme=dark] .demo-input:focus,[data-theme=dark] .demo-select:focus{border-color:#FFE600;box-shadow:3px 3px 0 rgba(255,230,0,.3)}.demo-input.has-error,.demo-select.has-error{border-color:#DC2626!important;background:rgba(220,38,38,.04)}.demo-field-error{font-size:11.5px;font-weight:700;color:#DC2626;display:flex;align-items:center;gap:4px;margin-top:2px}.demo-submit-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:900;border-radius:10px;border:2px solid #18181b;background:#FFE600;color:#18181B;box-shadow:4px 5px 0 #18181B;cursor:pointer;transition:all .15s ease;font-family:Sora,sans-serif;margin-top:10px}.demo-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:5px 7px 0 #18181B;background:#FACC15}.demo-submit-btn:disabled{opacity:.7;cursor:not-allowed}[data-theme=dark] .demo-submit-btn{border-color:#18181B;box-shadow:4px 5px 0 #000}.demo-success-box{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.demo-success-icon{width:64px;height:64px;border-radius:50%;background:#D1FAE5;color:#059669;border:2px solid #10b981;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:3px 4px 0 #059669}.demo-success-title{font-size:26px;font-weight:900;margin:0;color:var(--text-primary,#18181B)}.demo-success-desc{font-size:15px;line-height:1.6;color:var(--text-secondary,#475569);max-width:500px;margin:0}.demo-success-cal-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:800;border-radius:8px;border:2px solid #18181b;background:#FFE600;color:#18181B;box-shadow:3px 4px 0 #18181B;cursor:pointer;text-decoration:none;margin-top:8px;transition:all .15s ease}.demo-success-cal-btn:hover{transform:translateY(-2px);box-shadow:4px 5px 0 #18181B}.demo-cal-wrapper{width:100%;min-height:680px;background:var(--bg-surface,#FFFFFF);border-radius:0 0 14px 14px;overflow:hidden}.demo-highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.demo-highlight-card{background:var(--bg-surface,#FFFFFF);border:2px solid #18181b;border-radius:12px;padding:18px;box-shadow:3px 4px 0 #18181B;display:flex;flex-direction:column;gap:8px}[data-theme=dark] .demo-highlight-card{border-color:rgba(255,255,255,.16);box-shadow:3px 4px 0 #000}.demo-highlight-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;border:1.5px solid #18181b;box-shadow:2px 2px 0 #18181B}.demo-highlight-title{font-size:14.5px;font-weight:800;margin:0;color:var(--text-primary,#18181B)}.demo-highlight-desc{font-size:12.5px;line-height:1.5;color:var(--text-secondary,#475569);margin:0}@media (max-width:768px){.demo-title{font-size:30px}.demo-subtitle{font-size:14px}.demo-form-grid{grid-template-columns:1fr}.demo-form-group.col-span-2{grid-column:span 1}.demo-highlights-grid{grid-template-columns:1fr}.demo-mode-switcher{flex-direction:column;gap:6px}.demo-tab-btn{width:100%}}