:root{--brand:#fd7802;--brand-50:#fd780280;--brand-25:#fd780240;--success:#16a34a;--error:#dc2626;--text-primary:#0a0a0a;--text-tertiary:#737373;--text-placeholder:#a3a3a3;--white:#fff;--bg-secondary:#fafafa;--border-secondary:#e5e5e5;--on-dark:#fff;--on-dark-50:#ffffff80;--radius-lg:8px;--radius-3xl:24px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-display:"Sora", system-ui, sans-serif;--page-bg:radial-gradient(120% 80% at 50% 30%, #0255ac 0%, #114795 50%, #20397d 100%);font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page-bg);background-attachment:fixed;margin:0}button{font:inherit;cursor:pointer}a{text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page{min-height:100dvh;padding:0 var(--sp-6);flex-direction:column;align-items:center;display:flex}.page__header{padding:var(--sp-6) 0;justify-content:center;width:100%;display:flex}.brand{width:auto;height:16px;display:block}.page__main{width:100%;max-width:1280px;padding:var(--sp-8) 0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.page__footer{text-align:center;width:100%;padding:var(--sp-4) 0;color:var(--on-dark-50);font-size:12px}.hero{width:640px;max-width:100%;height:250px;position:relative;overflow:hidden}.hero__bottle{object-fit:cover;pointer-events:none;width:374px;height:374px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__shadow{pointer-events:none;width:121px;height:83px;position:absolute;top:190px;left:50%;transform:translate(-13px)}.card{background:var(--white);border-radius:var(--radius-3xl);width:640px;max-width:100%;padding:var(--sp-12);gap:var(--sp-8);flex-direction:column;display:flex}.card__heading{text-align:center;letter-spacing:-.8px;flex-direction:column;align-items:center;gap:8px;display:flex}.card__title{font-family:var(--font-display);color:#000;margin:0;font-size:48px;font-weight:600;line-height:1.1}.card__subtitle{color:var(--text-tertiary);margin:0;font-size:16px;font-weight:400}.form{gap:var(--sp-8);flex-direction:column;display:flex}.field{flex-direction:column;gap:8px;display:flex}.input{width:100%;height:56px;padding:var(--sp-4) var(--sp-6);text-align:center;font-family:var(--font-sans);letter-spacing:-.8px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);outline:none;font-size:16px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-placeholder)}.input:focus{border-color:var(--brand-50);box-shadow:0 0 0 3px var(--brand-25)}.input--error,.input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #dc262633}.field__error{color:var(--error);margin:0;font-size:14px}.actions{flex-direction:column;gap:8px;display:flex}.btn{width:100%;height:56px;padding:var(--sp-4) var(--sp-6);border-radius:var(--radius-lg);font-family:var(--font-sans);letter-spacing:-.8px;border:none;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:500;transition:filter .15s,opacity .15s;display:flex}.btn__icon{width:24px;height:24px;display:block}.btn--primary{background:var(--brand);color:var(--white)}.btn--primary:hover:not(:disabled){filter:brightness(.95)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--bg-secondary);color:var(--brand);border:1px solid var(--border-secondary)}.btn--secondary:hover{filter:brightness(.98)}.spinner{border:2.5px solid #fff6;border-top-color:var(--white);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ticker{width:640px;max-width:100%;padding:var(--sp-12) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ticker__track{align-items:center;gap:80px;width:max-content;animation:35s linear infinite ticker-scroll;display:flex}.ticker__item{flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.ticker__item img{object-fit:contain;max-width:72px;max-height:72px}@keyframes ticker-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}.overlay{z-index:100;padding:var(--sp-6);-webkit-backdrop-filter:blur(8px);background:#00000080;justify-content:center;align-items:center;animation:.2s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}}.modal{background:var(--white);border-radius:var(--radius-3xl);width:640px;max-width:100%;padding:var(--sp-12);outline:none;animation:.2s modal-in;position:relative}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal__close{top:var(--sp-6);right:var(--sp-6);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute}.modal__close img{width:32px;height:32px}.modal__body{gap:var(--sp-12);flex-direction:column;display:flex}.modal__header{align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.modal__badge{width:120px;height:120px}.modal__heading{text-align:center;letter-spacing:-.8px;flex-direction:column;align-items:center;gap:8px;display:flex}.modal__title{font-family:var(--font-display);margin:0;font-size:48px;font-weight:600;line-height:1.1}.modal__title--success{color:var(--success)}.modal__title--error{color:var(--error)}.modal__desc{color:var(--text-tertiary);margin:0;font-size:16px;font-weight:400}.modal__actions{flex-direction:column;gap:8px;display:flex}@media (width<=680px){.card{padding:var(--sp-8) var(--sp-6)}.card__title{font-size:32px}.hero{height:200px}.hero__bottle{width:300px;height:300px}.overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;width:100%;max-width:100%;padding:var(--sp-10) var(--sp-6);animation:.25s sheet-in}@keyframes sheet-in{0%{transform:translateY(100%)}}.modal__close{top:var(--sp-4);right:var(--sp-4)}.modal__badge{width:100px;height:100px}.modal__title{font-size:32px}.modal__desc{font-size:14px}}
