:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#e5e7eb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#e5e7eb 0,#d1d5db 36%,#9ca3af 90%)}#root{width:100%;min-height:100vh}.app-root{min-height:100vh;width:100%;display:flex;justify-content:center;box-sizing:border-box}.app-shell{background:#fff;color:#1b1f23;width:100%;box-shadow:0 18px 45px #0f172a29;padding:20px 18px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.brand-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand-mark{font-weight:700;letter-spacing:.24em;font-size:14px;text-transform:uppercase;color:#111827}.brand-tagline{margin:0;font-size:13px;color:#6b7280}.brand-logo{height:3rem;width:auto;display:block}.screen{margin-top:4px}.screen-title{margin:0 0 4px;font-size:22px;font-weight:600;color:#111827}.screen-subtitle{margin:0 0 18px;font-size:13px;color:#6b7280}.form{display:flex;flex-direction:column;gap:18px}.details-form{padding:20px;border-radius:20px;background:#f8fafc;box-shadow:0 18px 40px #0f172a14}.details-error{text-align:center;margin:0;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:13px;color:#374151}.field__mobile-wrapper{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb}.field__country-code{font-size:14px;color:#4b5563;flex-shrink:0}.field__input{border:none;outline:none;background:transparent;font-size:15px;flex:1;color:#111827}.field__input::placeholder{color:#9ca3af}.field__input--date::placeholder{color:#9ca3af;text-transform:uppercase}.field__input--date::-webkit-datetime-edit-text,.field__input--date::-webkit-datetime-edit-month-field,.field__input--date::-webkit-datetime-edit-day-field,.field__input--date::-webkit-datetime-edit-year-field{text-transform:uppercase}.field__input--otp{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;letter-spacing:.5em;text-align:center;font-size:18px}.field__hint{margin:0;font-size:11px;color:#9ca3af}.field__error{margin:0;font-size:12px;color:#b91c1c}.primary-button{width:100%;padding:12px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,#111827,#1f2937);color:#f9fafb;font-size:15px;font-weight:600;margin-top:4px}.primary-button:disabled{opacity:.55}.link-button{margin-top:4px;border:none;background:transparent;color:#4b5563;font-size:13px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.back-button{align-self:flex-start;margin-bottom:-8px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:4px;transition:color .2s ease}.back-button:hover:not(:disabled){color:#111827}.back-button:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;z-index:20;animation:backdrop-fade-in .26s ease-out both;border:none}.modal-backdrop::backdrop{background:#0f172a99}.modal{width:100%;max-width:360px;background:#fff;border-radius:18px;padding:22px 20px 20px;box-shadow:0 18px 45px #0f172a52;text-align:left;position:relative;overflow:hidden;animation:modal-in .28s cubic-bezier(.2,.8,.2,1) both;margin:20px}.modal__title{margin:0 0 6px;font-size:20px;font-weight:600;color:#111827}.modal__title-gradient{background:linear-gradient(135deg,#1b1f23,#6b7280);-webkit-background-clip:text;background-clip:text;color:transparent}.modal__message{margin:0 0 18px;font-size:14px;color:#4b5563}.modal__points{font-weight:700;color:#0ea5e9}.modal__points-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #6b7280;color:#0b4a6f;font-weight:700}.modal__button{margin-top:4px}.modal__close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:#f3f4f6;color:#111827;border-radius:8px;font-size:18px;line-height:1;cursor:pointer}.modal__close:hover{background:#e5e7eb;color:#111827}.modal__icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:radial-gradient(120% 120% at 10% 10%,#0ea5e92e,#22d3ee1a 40%,#0ea5e900 70%);box-shadow:0 6px 24px #0ea5e93d;margin-bottom:8px}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-fade-in{0%{background:#0f172a00}to{background:#0f172a99}}@media(prefers-reduced-motion:reduce){.modal,.modal-backdrop{animation:none}}.home-screen{background:linear-gradient(135deg,#0f172a,#111827 70%,#1f2937);color:#f9fafb;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:18px}.home-screen__hero{display:flex;flex-direction:column;gap:4px}.home-screen__greeting{margin:0;font-size:16px;font-weight:700}.home-screen__points{margin:0;font-size:42px;font-weight:700;line-height:1}.home-screen__subtitle{margin:0;font-size:13px;color:#cbd5f5;letter-spacing:.05em}.home-screen__card{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px}.home-screen__card-title{margin:0 0 6px;font-size:16px;font-weight:600}.home-screen__card-text{margin:0;font-size:14px;color:#cbd5f5}.logout-button{margin-top:8px;color:#94a3b8;text-align:center}.logout-button:hover:not(:disabled){color:#cbd5f5}.logout-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:360px){.app-shell{padding-inline:14px}.screen-title{font-size:20px}.primary-button{padding-block:10px}}