*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;line-height:1.6;margin:0}input[type=checkbox]{accent-color:#ffb131}a{color:#ffb131;text-decoration:underline;transition:color .3s ease}a:hover{color:#e09a1f}a:focus{outline:2px solid #ffb131;outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f6ebda}::-webkit-scrollbar-thumb{background:#ffb131;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e09a1f}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.w-full{width:100%}.mb-5{margin-bottom:20px}.mb-10{margin-bottom:40px}.gap-6{gap:24px}.space-y-6>*+*{margin-top:24px}.text-\[\#777777\]{color:#777}.text-\[\#888888\]{color:#888}.text-\[\#ffb131\]{color:#ffb131}.text-white{color:#fff}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.font-medium{font-weight:500}.opacity-90{opacity:.9}.icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#ffb131,#f5a623);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 4px 16px #ffb1314d}.icon-wrapper svg{width:40px;height:40px;stroke:#fff}.subtext{font-size:15px;color:#555;text-align:center;margin-bottom:32px}.form-group{margin-bottom:24px;text-align:left}.disclaimer{font-size:12px;color:#777;text-align:center;margin-bottom:24px}.container{width:100%}.auth-page-template{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--brand-bg-color, #f6ebda);background-image:var(--brand-bg-image, none);background-size:cover;background-position:center}.card,.card-welcome{background:#fff;border-radius:16px;padding:60px 32px;box-shadow:0 4px 24px #00000014;text-align:center}.card-optin{background:#fff;border-radius:20px;padding:48px 40px;box-shadow:0 8px 32px #0000001f;text-align:center;position:relative;overflow:hidden}.card-optin:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:var(--brand-accent-color, #ffb131);opacity:.1;border-radius:50%}.card-optin:after{content:"";position:absolute;bottom:-30px;left:-30px;width:100px;height:100px;background:var(--brand-accent-color, #ffb131);opacity:.1;border-radius:50%}.auth-page-template-gradient{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--brand-bg-color, #f6ebda) 0%,var(--brand-bg-color-end, #ffe4b8) 100%)}.auth-page-title{font-weight:700;color:#000;margin-bottom:12px;text-align:center}.auth-page-title-sm{font-size:20px}.auth-page-title-md{font-size:24px}.auth-page-title-lg{font-size:26px}.auth-page-title-xl{font-size:28px}.auth-page-footer{text-align:center;padding-top:24px;border-top:1px solid #eeeeee;font-size:13px;color:#888}@media(max-width:480px){.card,.card-welcome{padding:48px 24px}.card-optin{padding:40px 24px}.auth-page-title-sm{font-size:18px}.auth-page-title-md{font-size:20px}.auth-page-title-lg{font-size:22px}.auth-page-title-xl{font-size:24px}}@media(min-width:768px){.auth-page-title-sm{font-size:24px}.auth-page-title-md,.auth-page-title-lg{font-size:28px}.auth-page-title-xl{font-size:32px}}.perk-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:#fffbf5;border-radius:10px;transition:transform .2s ease}.perk-item:hover{transform:translate(4px)}.perk-icon{width:24px;height:24px;min-width:24px;background:#ffb131;border-radius:50%;display:flex;align-items:center;justify-content:center}.perk-icon svg{width:14px;height:14px;stroke:#000;stroke-width:3}.perk-text{font-size:14px;color:#333;font-weight:500}.button{width:100%;padding:16px;background-color:#ffb131;color:#000;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.button:hover{background-color:#e09a1f;transform:translateY(-2px);box-shadow:0 4px 12px #ffb1314d}.button:active{transform:translateY(0)}.button:focus{outline:3px solid #000000;outline-offset:3px}.button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.button:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.button-optin{width:100%;padding:18px;background:linear-gradient(135deg,#ffb131,#f5a623);color:#000;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 16px #ffb1314d}.button-optin:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb13166}.button-optin:active{transform:translateY(0)}.button-optin:focus{outline:3px solid #000000;outline-offset:3px}.button-optin:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.button-optin:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.button-secondary{background-color:#fff;border:2px solid #ffb131;color:#000}.button-secondary:hover{background-color:#fffaf0}.button-skip{color:#999;font-size:13px;text-decoration:underline;cursor:pointer;transition:color .3s ease;display:inline-block;background:transparent;border:none;padding:8px}.button-skip:hover{color:#666}.button-skip:focus{outline:2px solid #ffb131;outline-offset:2px;border-radius:2px}.btn-icon{width:20px;height:20px}.button-loading{pointer-events:none}.input-wrapper{position:relative;width:100%}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;color:#555}.input{width:100%;padding:14px 16px;border:2px solid #dddddd;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff}.input-with-icon{padding-left:48px}.input:focus{outline:none;border-color:#ffb131;box-shadow:0 0 0 3px #ffb1311a}.input-error{border-color:#dc3545}.input-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.select-wrapper{position:relative;width:100%}.select{width:100%;padding:14px 40px 14px 16px;border:2px solid #dddddd;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.select:focus{outline:none;border-color:#ffb131;box-shadow:0 0 0 3px #ffb1311a}.select-error{border-color:#dc3545}.select-error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.searchable-select{position:relative;width:100%}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 40px 14px 16px;border:2px solid #dddddd;border-radius:8px;font-size:16px;transition:all .3s ease;background-color:#fff;color:#333;cursor:pointer;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555555' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.searchable-select-trigger:focus,.searchable-select.is-open .searchable-select-trigger{outline:none;border-color:#ffb131;box-shadow:0 0 0 3px #ffb1311a}.searchable-select-trigger:disabled{cursor:not-allowed;opacity:.6}.searchable-select-trigger.is-placeholder{color:#888}.searchable-select.is-error .searchable-select-trigger{border-color:#dc3545}.searchable-select.is-error .searchable-select-trigger:focus,.searchable-select.is-error.is-open .searchable-select-trigger{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background-color:#fff;border:2px solid #dddddd;border-radius:8px;box-shadow:0 6px 16px #00000014;overflow:hidden;max-height:320px;display:flex;flex-direction:column}.searchable-select-search{width:100%;padding:10px 12px;border:none;border-bottom:1px solid #eeeeee;outline:none;font-size:14px;background:#fafafa}.searchable-select-search:focus{background:#fff;border-bottom-color:#ffb131}.searchable-select-options{overflow-y:auto;flex:1}.searchable-select-option{display:block;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:15px;color:#333;transition:background-color .15s ease}.searchable-select-option:hover,.searchable-select-option[aria-selected=true]{background-color:#f5f5f5}.searchable-select-separator{height:1px;margin:4px 0;background-color:#eee}.searchable-select-empty{padding:16px 12px;text-align:center;color:#999;font-size:14px}.checkbox-wrapper{display:flex;align-items:flex-start;gap:12px}.checkbox{width:20px;height:20px;min-width:20px;cursor:pointer;margin-top:2px}.checkbox:focus{outline:3px solid #ffb131;outline-offset:2px}.checkbox-label{font-size:13px;color:#555;cursor:pointer;line-height:1.5}.label{display:block;font-size:14px;font-weight:600;color:#000;margin-bottom:8px;text-align:left}.label-required{color:#dc3545;margin-left:4px}.error-message{color:#dc3545;font-size:13px;margin-top:6px;display:none;text-align:left}.error-message-show{display:block}.lang-toggle{display:flex;justify-content:flex-end;gap:8px}.lang-btn{background:transparent;border:2px solid #000000;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;color:#000;transition:all .3s ease}.lang-btn:hover{background-color:#000;color:#f6ebda}.lang-btn:focus{outline:3px solid #ffb131;outline-offset:2px}.lang-btn-active{background-color:#ffb131;border-color:#ffb131;color:#000}.loader{border-radius:50%;border-style:solid;border-color:#f0f0f0;border-top-color:#ffb131;animation:spin 1s linear infinite}.loader-sm{width:24px;height:24px;border-width:3px}.loader-md{width:48px;height:48px;border-width:4px}.loader-lg{width:60px;height:60px;border-width:5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:8px;font-size:14px;box-shadow:0 2px 8px #00000026;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.toast-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.toast-warning{background-color:#fffbeb;border:1px solid #fed7aa;color:#d97706}.toast-info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.toast-message{flex:1}.toast-close{background:none;border:none;font-size:20px;cursor:pointer;padding:0 0 0 12px;opacity:.7;color:inherit}.toast-close:hover{opacity:1}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;max-width:400px;width:90%}.phone-pill{position:relative;display:flex;align-items:stretch;width:100%;border:2px solid #dddddd;border-radius:8px;background-color:#fff;transition:all .3s ease;overflow:visible}.phone-pill:focus-within{border-color:#ffb131;box-shadow:0 0 0 3px #ffb1311a}.phone-pill.input-error{border-color:#dc3545}.phone-pill.input-error:focus-within{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.phone-pill-trigger{display:flex;align-items:center;gap:6px;padding:14px 12px 14px 16px;background:transparent;border:none;color:#555;font-size:16px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .3s ease}.phone-pill-trigger:hover:not(:disabled){color:#333}.phone-pill-trigger:disabled{cursor:not-allowed;opacity:.6}.phone-pill-trigger:focus{outline:none}.phone-pill-icon{display:inline-flex;align-items:center;color:#555}.phone-pill-flag{display:inline-block;vertical-align:middle;border-radius:2px}.phone-pill-code{font-weight:500}.phone-pill-chev{font-size:12px;color:#888;margin-left:2px}.phone-pill-divider{width:1px;background-color:#ddd;align-self:stretch;margin:8px 0;flex-shrink:0}.phone-pill-number{flex:1;min-width:0;padding:14px 16px;border:none;outline:none;background:transparent;font-size:16px;color:inherit;border-radius:0 6px 6px 0}.phone-pill-number:disabled{background-color:#fafafa;cursor:not-allowed}.phone-pill-number::placeholder{color:#aaa}.phone-pill-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background-color:#fff;border:2px solid #dddddd;border-radius:8px;box-shadow:0 6px 16px #00000014;overflow:hidden;max-height:280px;display:flex;flex-direction:column}.phone-pill-search{width:100%;padding:10px 12px;border:none;border-bottom:1px solid #eeeeee;outline:none;font-size:14px;background:#fafafa}.phone-pill-search:focus{background:#fff;border-bottom-color:#ffb131}.phone-pill-options{overflow-y:auto;flex:1}.phone-pill-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background-color .15s ease}.phone-pill-option:hover,.phone-pill-option[aria-selected=true]{background-color:#f5f5f5}.phone-pill-option-code{font-weight:500;color:#555;min-width:50px}.phone-pill-option-name{flex:1;color:#333}.phone-pill-empty{padding:16px 12px;text-align:center;color:#999;font-size:14px}.logo{text-align:center;margin-bottom:32px}.logo img{height:auto}.logo-sm{max-width:120px}.logo-md{max-width:150px}.logo-lg{max-width:180px}.login-form{width:100%}.login-form .disclaimer{margin-top:12px}.login-form .connecting-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;margin-bottom:16px;background-color:#f8f9fa;border-radius:8px;color:#333;font-size:14px}.login-form .connecting-spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#c5a572;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.registration-form{width:100%}.registration-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.registration-form .checkbox-group{margin-bottom:20px}.registration-form .checkbox-wrapper{display:flex;align-items:flex-start;gap:12px}.registration-form .checkbox-label{text-align:left;font-weight:700}.registration-form .skip-link{color:#999;font-size:13px;text-decoration:underline;cursor:pointer;transition:color .3s ease;display:block;margin-top:12px;text-align:center;border:none;background:none;padding:0}.registration-form .skip-link:hover{color:#666}.registration-form .skip-link:focus{outline:2px solid #ffb131;outline-offset:2px;border-radius:2px}@media(max-width:480px){.registration-form .form-row{grid-template-columns:1fr}}.perks-list{text-align:left;margin-bottom:32px}.perks-list-container{display:flex;flex-direction:column;gap:16px}.language-switcher{display:flex;justify-content:flex-end;margin-bottom:20px}
