*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--violet: #6B4EFF;--teal: #009E8E;--orange: #F5A524;--bg: #F6F7FA;--dark: #0D1117;--gray: #9CA3AF;--white: #FFFFFF;--radius-card: clamp(16px, 2vw, 24px);--shadow-card: 0 2px 16px rgba(0,0,0,.07)}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--dark);min-height:100dvh;-webkit-font-smoothing:antialiased;line-height:1.5}.page{min-height:100dvh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--violet) 0%,var(--teal) 100%);padding:clamp(40px,6vw,56px) clamp(20px,5vw,48px) clamp(28px,4vw,40px);color:#fff;position:relative;overflow:hidden}.header-mobile-brand{display:flex;align-items:center;gap:14px}.header-icon-img{width:clamp(44px,6vw,52px);height:clamp(44px,6vw,52px);border-radius:clamp(12px,2vw,14px);object-fit:cover;flex-shrink:0}.header-desktop-logo{display:none}.header:before,.header:after{content:"";position:absolute;border-radius:50%;background:#ffffff12}.header:before{width:240px;height:240px;top:-80px;right:-60px}.header:after{width:160px;height:160px;bottom:-60px;left:-40px}.header-inner{position:relative;z-index:1}.header-icon{width:clamp(44px,6vw,60px);height:clamp(44px,6vw,60px);border-radius:clamp(12px,2vw,18px);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,3vw,28px);margin-bottom:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header h1{font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-.5px;line-height:1.15}.header p{font-size:clamp(12px,1.5vw,15px);opacity:.75;margin-top:6px}.header-features{display:none}.content{flex:1;padding:clamp(16px,3vw,32px) clamp(16px,4vw,40px);width:100%;max-width:560px;margin:0 auto}@media(min-width:640px){.content{padding:28px 32px}.passes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pass-card{margin-bottom:0}}@media(min-width:1024px){.page{flex-direction:row;min-height:100dvh}.header{width:380px;min-height:100dvh;min-width:320px;flex-shrink:0;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;justify-content:center;padding:60px 48px}.header:before{width:320px;height:320px;top:-100px;right:-80px}.header:after{width:220px;height:220px;bottom:-80px;left:-60px}.header-mobile-brand{display:none}.header-desktop-logo{display:block;margin-bottom:8px}.header-desktop-logo img{width:100%;max-width:280px;filter:brightness(0) invert(1)}.header-desktop-logo p{font-size:14px;opacity:.7;margin-top:6px}.header-features{display:flex;flex-direction:column;gap:16px;margin-top:40px}.header-feature{display:flex;align-items:flex-start;gap:14px}.header-feature-icon{width:36px;height:36px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.header-feature-text strong{display:block;font-size:13px;font-weight:700;color:#fff}.header-feature-text span{font-size:12px;color:#ffffffa6}.header-divider{height:1px;background:#ffffff26;margin:32px 0}.header-brand{font-size:11px;color:#fff6;letter-spacing:2px;text-transform:uppercase;margin-top:auto;padding-top:40px}.content{flex:1;max-width:none;padding:48px clamp(32px,5vw,80px);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.content-inner{max-width:520px}}@media(min-width:1280px){.header{width:440px;padding:60px 56px}}.card{background:#fff;border-radius:var(--radius-card);padding:clamp(16px,2.5vw,24px);box-shadow:var(--shadow-card);margin-bottom:12px}.pass-card{background:#fff;border-radius:var(--radius-card);padding:clamp(14px,2vw,20px) clamp(16px,2.5vw,22px);box-shadow:var(--shadow-card);margin-bottom:10px;cursor:pointer;border:2px solid transparent;transition:border-color .15s,box-shadow .15s,transform .1s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pass-card:hover{box-shadow:0 4px 24px #0000001a}.pass-card.selected{border-color:var(--violet);box-shadow:0 0 0 4px #6b4eff1f}.pass-card:active:not(.selected){transform:scale(.98)}.pass-top{display:flex;justify-content:space-between;align-items:flex-start}.pass-name{font-size:clamp(14px,1.8vw,17px);font-weight:700;color:var(--dark)}.pass-price{font-size:clamp(16px,2vw,19px);font-weight:800;color:var(--violet);white-space:nowrap;margin-left:12px}.pass-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.badge{font-size:clamp(10px,1.2vw,12px);font-weight:600;padding:3px 10px;border-radius:20px;background:#6b4eff1a;color:var(--violet)}.badge.teal{background:#009e8e1a;color:var(--teal)}.badge.orange{background:#f5a5241a;color:var(--orange)}.pass-check{width:22px;height:22px;border-radius:50%;border:2px solid #E5E7EB;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:background .15s,border-color .15s}.pass-check.checked{background:var(--violet);border-color:var(--violet)}.pass-check.checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.input-group{margin-bottom:14px}.input-label{font-size:clamp(11px,1.2vw,13px);font-weight:600;color:var(--gray);margin-bottom:6px;display:block;letter-spacing:.4px;text-transform:uppercase}.input-wrap{position:relative}.input-prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:600;color:var(--dark);pointer-events:none}input[type=tel]{width:100%;padding:clamp(12px,2vw,16px) 14px clamp(12px,2vw,16px) 58px;border:1.5px solid #E5E7EB;border-radius:14px;font-size:clamp(14px,1.8vw,16px);outline:none;background:#fff;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--dark)}input[type=tel]:focus{border-color:var(--violet);box-shadow:0 0 0 3px #6b4eff1f}.btn{width:100%;padding:clamp(14px,2vw,18px) 20px;border:none;border-radius:16px;cursor:pointer;font-size:clamp(14px,1.8vw,16px);font-weight:700;letter-spacing:.2px;transition:opacity .15s,transform .1s,box-shadow .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:hover:not(:disabled){opacity:.92}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,var(--violet),var(--teal));color:#fff;box-shadow:0 4px 16px #6b4eff59}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px #6b4eff73}.btn-secondary{background:#fff;color:var(--violet);border:1.5px solid rgba(107,78,255,.3)}.btn-secondary:hover:not(:disabled){background:#6b4eff0a}.section-label{font-size:clamp(10px,1.1vw,12px);font-weight:700;color:var(--gray);letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;margin-top:24px}.section-label:first-child{margin-top:0}.error-box{background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:12px 14px;color:#dc2626;font-size:clamp(12px,1.4vw,14px);margin-bottom:14px}.loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(107,78,255,.2);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.voucher-box{background:linear-gradient(135deg,#6b4eff0f,#009e8e0f);border:2px dashed rgba(107,78,255,.3);border-radius:var(--radius-card);padding:clamp(24px,4vw,40px) clamp(20px,4vw,32px);text-align:center;margin-bottom:16px;cursor:pointer;transition:background .15s}.voucher-box:hover{background:linear-gradient(135deg,#6b4eff1a,#009e8e1a)}.voucher-label{font-size:clamp(10px,1.2vw,12px);font-weight:700;color:var(--gray);letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}.voucher-code{font-size:clamp(26px,5vw,40px);font-weight:800;letter-spacing:clamp(3px,.8vw,6px);color:var(--violet);font-family:Courier New,SF Mono,monospace;line-height:1.2;word-break:break-all}.copy-hint{font-size:clamp(10px,1.2vw,12px);color:var(--gray);margin-top:10px}.info-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.info-row:last-child{margin-bottom:0}.info-dot{width:8px;height:8px;border-radius:50%;background:var(--violet);flex-shrink:0;margin-top:6px}.info-text{font-size:clamp(12px,1.4vw,14px);color:#374151;line-height:1.55}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}.pulse{animation:pulse 1.8s ease-in-out infinite}.success-icon{width:clamp(64px,8vw,88px);height:clamp(64px,8vw,88px);border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--teal));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:clamp(28px,4vw,40px);box-shadow:0 8px 28px #6b4eff59}.footer-note{font-size:clamp(10px,1.2vw,12px);color:var(--gray);text-align:center;margin-top:16px;line-height:1.5}@media(prefers-reduced-motion:reduce){.pulse,.spinner{animation:none}.btn,.pass-card,input[type=tel]{transition:none}}