@font-face{font-family:Angst;src:url(/fonts/AngstVF.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--primary: #E36FA8;--primary-dark: #C95A90;--secondary: #49BCCB;--accent: #BCCF00;--danger: #FF5A6E;--warning: #FDCB6E;--bg: #000000;--surface: #141414;--surface-2: #1C1C1E;--text: #FFFFFF;--text-secondary: #A7A7AD;--border: #2A2A2E;--border-strong: #3A3A40;--radius: 14px;--radius-pill: 999px;--font-display: "Angst", "Unbounded", "Century Gothic", sans-serif;--font-body: "Century Gothic", "Futura PT", "Trebuchet MS", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.widget-container{max-width:480px;margin:0 auto;min-height:100vh;background:radial-gradient(120% 60% at 50% -10%,rgba(73,188,203,.1),transparent 60%),radial-gradient(120% 50% at 50% 110%,rgba(227,111,168,.1),transparent 60%),#0a0a0b;position:relative;border-left:1px solid var(--border);border-right:1px solid var(--border)}.widget-header{padding:18px 24px 16px;text-align:center;background:#000;border-bottom:1px solid var(--border)}.widget-logo{width:100%;max-width:230px;height:auto;display:block;margin:0 auto}.widget-header h1{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--secondary);text-transform:uppercase}.widget-header p{color:var(--text-secondary);font-size:13px;margin-top:4px}.step-indicator{display:flex;justify-content:center;gap:8px;padding:16px 24px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:all .3s}.step-dot.active{background:var(--primary);width:24px;border-radius:4px;box-shadow:0 0 10px #e36fa899}.step-dot.completed{background:var(--accent)}.step-content{padding:24px}.step-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:18px;color:var(--text)}.btn{width:100%;padding:15px 24px;border:none;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 20px #e36fa859}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{background:#2a2a2e;color:#6b6b72;box-shadow:none;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:1.5px solid var(--border-strong);color:var(--text)}.btn-outline:hover{border-color:var(--secondary);color:var(--secondary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-secondary)}.form-input{width:100%;padding:13px 16px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);font-size:16px;font-family:inherit;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:#6b6b72}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e36fa82e}.branch-card,.room-card,.slot-card{padding:16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:12px;cursor:pointer;transition:all .2s}.branch-card:hover,.room-card:hover,.slot-card:hover{border-color:var(--secondary);transform:translateY(-1px)}.branch-card.selected,.room-card.selected,.slot-card.selected{border-color:var(--primary);background:#e36fa81a;box-shadow:0 0 0 1px var(--primary) inset}.branch-card h3,.room-card h3{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text)}.branch-card p,.room-card p{font-size:13px;color:var(--text-secondary)}.category-tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;letter-spacing:.02em}.category-bratski{background:#49bccb29;color:#6fd4e2}.category-vibe{background:#bccf002e;color:#c9db1f}.category-flex{background:#e36fa82e;color:#f08fc0}.category-full_gas{background:#ffffff1f;color:#fff}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;font-size:14px;border:none;background:none;color:var(--text);transition:all .2s}.date-cell:hover:not(:disabled){background:#e36fa829}.date-cell.selected{background:var(--primary);color:#fff}.date-cell.today{border:1.5px solid var(--secondary)}.date-cell:disabled{color:#3a3a40;cursor:not-allowed}.time-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.time-slot{padding:11px;text-align:center;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-size:14px;color:var(--text);transition:all .2s}.time-slot:hover{border-color:var(--secondary)}.time-slot.selected{border-color:var(--primary);background:#e36fa81f}.time-slot.unavailable{background:transparent;color:#3a3a40;cursor:not-allowed}.price-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:16px 0}.price-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.price-row.total{font-size:18px;font-weight:700;color:var(--text);border-top:1px solid var(--border);padding-top:10px;margin-bottom:0}.success-screen{text-align:center;padding:48px 24px}.success-icon{width:84px;height:84px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:38px;color:#0a0a0b;box-shadow:0 0 30px #bccf0073}.nav-buttons{display:flex;gap:12px;padding:24px;border-top:1px solid var(--border)}.nav-buttons .btn{flex:1}