@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-dark: #0B162C;--bg-gradient-start: #0B162C;--bg-gradient-end: #1E3A5F;--primary: #3DB7E4;--primary-glow: rgba(61, 183, 228, .5);--primary-dim: rgba(61, 183, 228, .1);--cta-blue: #5EC6F2;--cta-hover: #4FB3DE;--accent-teal: #3DB7E4;--accent-purple: #233F63;--glass-surface: rgba(30, 58, 95, .6);--glass-border: rgba(61, 183, 228, .2);--glass-highlight: rgba(255, 255, 255, .1);--text-main: #FFFFFF;--text-body: #C7D2E0;--text-muted: #8BA0BE;--panel-blue: #1E3A5F;--decorative: #233F63;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 25px var(--primary-glow);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--transition-spring: cubic-bezier(.34, 1.56, .64, 1)}.theme-base{--bg-dark: #FFFFFF;--bg-gradient-start: #FFFFFF;--bg-gradient-end: #F8F9FA;--text-main: #0B162C;--text-body: #1E3A5F;--text-muted: #6C757D;--glass-surface: rgba(255, 255, 255, .8);--glass-border: rgba(11, 22, 44, .1);--glass-highlight: rgba(11, 22, 44, .05);--panel-blue: #F0F4F8;--decorative: #E9ECEF;--primary: #3DB7E4;--primary-glow: rgba(61, 183, 228, .2);--accent-teal: #3DB7E4}[data-theme=ocean]{--primary: #00B4D8;--primary-glow: rgba(0, 180, 216, .5);--primary-dim: rgba(0, 180, 216, .1);--cta-blue: #48CAE4;--cta-hover: #00B4D8;--accent-teal: #0096C7;--accent-purple: #0077B6}[data-theme=steel]{--primary: #6C757D;--primary-glow: rgba(108, 117, 125, .5);--primary-dim: rgba(108, 117, 125, .1);--cta-blue: #495057;--cta-hover: #343A40;--accent-teal: #6C757D;--accent-purple: #ADB5BD}[data-theme=sunset]{--primary: #6286A6;--primary-glow: rgba(98, 134, 166, .5);--primary-dim: rgba(98, 134, 166, .1);--cta-blue: #32546D;--cta-hover: #102E46;--accent-teal: #18ADDC;--accent-purple: #2B82E4}[data-theme=charcoal]{--primary: #58FCED;--primary-glow: rgba(88, 252, 237, .5);--primary-dim: rgba(88, 252, 237, .1);--cta-blue: #18ADDC;--cta-hover: #2B82E4;--accent-teal: #58FCED;--accent-purple: #2B82E4}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-main);margin:0;min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:absolute;width:70vw;height:70vh;border-radius:50%;filter:blur(120px);z-index:-1;opacity:.25;animation:aurora 10s ease-in-out infinite alternate}body:before{top:-20%;left:-10%;background:radial-gradient(circle,var(--primary),transparent 70%)}body:after{bottom:-10%;right:-10%;background:radial-gradient(circle,var(--accent-purple),transparent 70%);animation-delay:-5s}@keyframes aurora{0%{transform:translate(0) scale(1)}to{transform:translate(5%,10%) scale(1.1)}}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;color:var(--text-main)}h1{font-size:2.5rem;font-weight:700;color:var(--text-main)}p.subtitle{font-size:1.1rem;color:var(--text-body);line-height:1.5}.app-container{max-width:1080px;margin:0 auto;padding:40px 24px 120px}header{display:flex;align-items:center;justify-content:flex-start;gap:24px;margin-bottom:60px;padding-bottom:32px;border-bottom:1px solid var(--glass-border);animation:fadeUp .8s ease-out}.logo-container img{height:56px;width:auto;border-radius:12px}.header-text{display:flex;flex-direction:column}.flow-grid,#checkout-form{display:flex;flex-direction:column;gap:32px}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card{background:var(--glass-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);border-radius:var(--radius-lg);padding:32px;transition:transform .4s var(--transition-spring),box-shadow .4s ease,border-color .4s ease;position:relative;overflow:hidden;color:var(--text-main)}.card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 25px 50px -12px #00000080;border-color:#fff3;z-index:10}.badge{background:#ffffff1a;color:var(--text-main);font-weight:600;font-size:.75rem;padding:6px 12px;border-radius:99px;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,.1)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;padding:20px;background:var(--glass-surface);border:1px solid var(--glass-border);border-radius:16px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;color:var(--text-main)}.radio-label:hover{transform:scale(1.01);background:#ffffff0d;border-color:#fff3}.radio-label:has(input:checked){border-color:var(--primary);background:var(--primary-dim);box-shadow:var(--shadow-glow)}.radio-label:has(input:checked) .price-tag{background:var(--primary);color:var(--text-main);transform:scale(1.05)}input[type=radio]{appearance:none;width:24px;height:24px;border:2px solid var(--text-muted);border-radius:50%;margin-right:16px;display:grid;place-content:center;background:transparent;transition:all .3s var(--transition-spring)}input[type=radio]:before{content:"";width:12px;height:12px;border-radius:50%;transform:scale(0);transition:.2s transform var(--transition-spring);background:var(--primary);box-shadow:0 0 10px var(--primary)}input[type=radio]:checked{border-color:var(--primary)}input[type=radio]:checked:before{transform:scale(1)}.price-tag{margin-left:auto;font-weight:700;font-family:var(--font-heading);color:var(--text-main);background:#ffffff1a;padding:6px 12px;border-radius:8px;font-size:.9rem;transition:all .3s ease}.summary-card{position:sticky;bottom:32px;z-index:100;margin-top:60px;background:var(--glass-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:12px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 40px -10px #0000004d,0 0 0 1px var(--glass-border),inset 0 1px 0 var(--glass-highlight);animation:floatUp .6s ease-out backwards;animation-delay:.4s;max-width:900px;margin-left:auto;margin-right:auto}.footer-brand{border-right:1px solid rgba(61,183,228,.3);padding-right:24px;display:flex;align-items:center}.footer-brand img{height:48px;width:auto;border-radius:8px}.summary-content{display:flex;align-items:center;justify-content:space-between;flex:1}.total-display{display:flex;flex-direction:column}.total-label{font-family:Inter,sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px}.total-amount{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.action-group{display:flex;align-items:center;gap:20px}.cta-button{position:relative;background:var(--cta-blue);background:linear-gradient(180deg,var(--cta-blue) 0%,var(--cta-hover) 100%);color:var(--bg-dark);font-family:var(--font-heading);font-weight:700;padding:8px 16px;border-radius:6px;font-size:.8rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px var(--primary-glow),inset 0 1px #fff3;overflow:hidden;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.cta-button:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--cta-hover) 0%,var(--primary) 100%);box-shadow:0 8px 24px var(--primary-glow),inset 0 1px #ffffff4d;border-color:#fff6}.btn-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:shine 6s infinite}@keyframes shine{0%,80%{left:-100%}to{left:200%}}.secure-icon{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;gap:6px;margin-top:4px}.secure-icon svg{opacity:.8}.footer-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;opacity:.6}.footer-flow .card{padding:20px;text-align:center;background:var(--decorative);border:1px solid rgba(255,255,255,.05)}.footer-flow h3{font-size:1rem;margin-bottom:4px;color:var(--text-main)}.footer-flow small{color:var(--text-muted)}.summary-container .summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1.05rem;color:var(--text-body)}.summary-container .summary-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px dashed rgba(255,255,255,.1);font-size:1.5rem;font-family:var(--font-heading);color:var(--text-main)}.summary-cta{margin-top:24px;padding-top:24px;border-top:1px dashed rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:12px}.cta-button-full{width:100%;padding:16px 24px;font-size:1rem;border-radius:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}ul{padding-left:0;list-style:none}li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-body);font-weight:500}li:before{content:"✓";color:var(--accent-teal);font-weight:900;background:#2dd4bf26;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.tag-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tag-card{background:#fff;border:2px solid var(--accent-teal);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;position:relative;overflow:hidden;transition:all .2s ease}.tag-card:hover{cursor:pointer;border-color:var(--color-gray-medium, #8BA0BE)}.tag-card.has-qty{border-color:var(--primary);background-color:color-mix(in srgb,var(--primary) 5%,white)}.tag-card:hover{background:#ffffff0d;border-color:var(--primary)}.tag-card.at-capacity:not(.has-qty){opacity:.6}.tag-info h3{font-size:1.1rem;margin:0;color:var(--text-main)}.tag-info p{font-size:.85rem;color:var(--text-body);margin:4px 0 0;line-height:1.4}.tag-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.tag-unit-price{font-weight:600;color:var(--primary)}.qty-selector{display:flex;align-items:center;gap:12px;background:#0003;border-radius:8px;padding:4px;border:1px solid rgba(255,255,255,.1)}.qty-btn{width:28px;height:28px;border-radius:6px;border:none;background:#ffffff1a;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:1.2rem;line-height:1}.qty-btn:hover:not(:disabled){background:var(--primary);transform:translateY(-1px)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{font-weight:700;min-width:24px;text-align:center;font-family:var(--font-heading)}.capacity-counter{font-size:.9rem;font-weight:600;padding:6px 12px;background:var(--primary-dim);border:1px solid var(--primary);border-radius:20px;color:var(--primary)}.capacity-counter.warning{border-color:#ef4444;color:#ef4444;background:#ef44441a}.included-label{font-size:.8rem;color:var(--accent-teal);background:#2dd4bf1a;padding:4px 8px;border-radius:4px;margin-top:8px;display:inline-block;font-weight:500;border:1px solid rgba(45,212,191,.2)}.summary-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.summary-item{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-body)}.summary-item.credit{color:#10b981;font-weight:600}.summary-divider{height:1px;background:#ffffff1a;margin:12px 0}.summary-subtotal{font-weight:600;color:var(--text-main);margin-top:4px}@keyframes pulse-once{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-animation{animation:pulse-once .3s ease-out}.theme-switcher{position:fixed;top:24px;right:24px;z-index:1000;display:flex;gap:8px;background:var(--glass-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;padding:8px;box-shadow:var(--shadow-xl);animation:fadeUp .8s ease-out .2s backwards}.theme-btn{width:40px;height:40px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .3s var(--transition-spring);position:relative;overflow:hidden}.theme-btn:before{content:"";position:absolute;inset:0;border-radius:10px;padding:2px;background:linear-gradient(135deg,var(--theme-color-1),var(--theme-color-2),var(--theme-color-3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.theme-btn:hover{transform:translateY(-2px) scale(1.05);border-color:#ffffff4d}.theme-btn.active{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.theme-btn.active:before{opacity:1}.theme-btn[data-theme=default]{--theme-color-1: #0B162C;--theme-color-2: #3DB7E4;--theme-color-3: #1E3A5F;background:linear-gradient(135deg,#0b162c,#3db7e4,#1e3a5f)}.theme-btn[data-theme=ocean]{--theme-color-1: #03045E;--theme-color-2: #00B4D8;--theme-color-3: #48CAE4;background:linear-gradient(135deg,#03045e,#00b4d8,#48cae4)}.theme-btn[data-theme=steel]{--theme-color-1: #212529;--theme-color-2: #ADB5BD;--theme-color-3: #CED4DA;background:linear-gradient(135deg,#212529,#adb5bd,#ced4da)}.theme-btn[data-theme=sunset]{--theme-color-1: #010D1A;--theme-color-2: #6286A6;--theme-color-3: #9D6B52;background:linear-gradient(135deg,#010d1a,#6286a6,#9d6b52)}.theme-btn[data-theme=charcoal]{--theme-color-1: #030B13;--theme-color-2: #58FCED;--theme-color-3: #18ADDC;background:linear-gradient(135deg,#030b13,#58fced,#18addc)}.theme-btn:after{content:attr(data-theme-name);position:absolute;bottom:-32px;left:50%;transform:translate(-50%) scale(.9);background:#000000e6;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;font-family:var(--font-body)}.theme-btn:hover:after{opacity:1;transform:translate(-50%) scale(1)}