@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap'); :root{--tiix-bg:#f4f4f6;--tiix-primary:#9f1414;--tiix-primary-dark:#7f0f0f;--tiix-border:#cf8d8d;--tiix-text:#2d2d2d;--tiix-muted:#b4b7bd;--tiix-facebook:#2d7cf3;--tiix-success:#2fc06f;} html,body{min-height:100%} body{margin:0;background:var(--tiix-bg);color:var(--tiix-text);font-family:'Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;} .tiix-mobile{min-height:100svh;max-width:440px;margin:0 auto;padding:14px 20px 18px;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;} .tiix-top{display:flex;align-items:center;justify-content:center;position:relative;min-height:90px;margin-bottom:8px;} .tiix-back{position:absolute;left:0;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;} .tiix-back svg{width:22px;height:22px;stroke:#2a2a2a} .tiix-title{margin:0;text-align:center;color:#232323;font-size:18px;line-height:1.25;font-weight:800;letter-spacing:-.02em;} .tiix-logo-center{flex:1;display:flex;align-items:center;justify-content:center;} .tiix-logo-center img{height:42px;width:auto;display:block} .tiix-top-help{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700;color:#232323;text-decoration:none;} .tiix-hero-title{color:var(--tiix-primary);font-size:30px;line-height:1.25;font-weight:800;text-align:center;letter-spacing:-.03em;margin:0 0 40px;} .tiix-form{display:flex;flex-direction:column;gap:16px;margin-top:32px;} .tiix-field{display:flex;flex-direction:column;gap:8px} .tiix-label{font-size:13px;font-weight:500;color:#2c2c2c} .tiix-input-wrap{position:relative} .tiix-input{width:100%;box-sizing:border-box;height:36px;border:1.5px solid var(--tiix-border);border-radius:10px;background:#fff;padding:0 18px;font-size:15px;color:#2d2d2d;outline:none;} .tiix-input::placeholder{color:var(--tiix-muted)} .tiix-input:focus{border-color:var(--tiix-primary);box-shadow:0 0 0 1px rgba(159,20,20,.10)} .tiix-toggle{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:30px;height:30px;border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;} .tiix-toggle svg{width:22px;height:22px;stroke:var(--tiix-primary)} .tiix-alert{border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600;margin-bottom:2px;} .tiix-alert--error{background:#fee2e2;color:#991b1b;} .tiix-alert--success{background:#dcfce7;color:#166534;} .tiix-btn{height:36px;border:0;border-radius:8px;background:var(--tiix-primary);color:#fff;font-size:16px;font-weight:800;cursor:pointer;margin-top:18px;display:flex;align-items:center;justify-content:center;text-decoration:none;} .tiix-btn-pill{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:30px;padding:0 12px;border-radius:6px;background:#ffe600;color:#111;font-size:15px;font-weight:800;line-height:1;} .tiix-forgot{text-align:center;margin-top:28px;} .tiix-forgot a{color:#2d2d2d;text-decoration:none;font-size:15px;font-weight:700;} .tiix-divider{margin:38px 0 18px;display:flex;align-items:center;gap:16px;color:#c3c3c3;font-size:14px;font-weight:500;} .tiix-divider::before,.tiix-divider::after{content:"";flex:1;height:1px;background:#c8c8c8} .tiix-social{display:flex;flex-direction:column;gap:18px} .tiix-social-btn{height:56px;border-radius:14px;border:0;display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-size:16px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.10)} .tiix-social-btn--google{background:#fff;color:#222} .tiix-social-btn--facebook{background:var(--tiix-facebook);color:#fff} .tiix-social-btn--apple{background:#000;color:#fff} .tiix-social-btn__icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px} .tiix-social-btn__icon svg{width:100%;height:100%;display:block} .tiix-footer-note{margin-top:auto;padding-top:24px;text-align:center;font-size:15px;font-weight:700;color:#222;} .tiix-footer-note a{color:var(--tiix-primary);text-decoration:none;font-weight:800;} .tiix-center{display:flex;flex-direction:column;justify-content:flex-start;flex:1;padding-top:20px;} .tiix-icon-wrap{width:64px;height:64px;border-radius:999px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;} .tiix-icon-wrap svg{width:64px;height:64px;display:block} .tiix-icon-wrap img{width:64px;height:64px;display:block;object-fit:contain} .tiix-headline{text-align:center;font-weight:800;font-size:24px;line-height:1.16;color:#222;margin:0 0 10px;} .tiix-copy{text-align:center;color:#8f8f97;font-size:13px;line-height:1.45;max-width:340px;margin:0 auto;} .tiix-copy a{color:var(--tiix-primary);font-weight:700;text-decoration:none} .tiix-phone-wrap{display:flex;gap:10px} .tiix-ddi{width:92px;height:56px;border:1.5px solid var(--tiix-border);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;color:#9a9a9a;font-size:13px} .tiix-ddi__flag{width:18px;height:12px;border-radius:2px;background:#d71f26;position:relative;overflow:hidden} .tiix-ddi__flag:before{content:"";position:absolute;left:0;top:4px;width:18px;height:4px;background:#fff} .tiix-phone-input{flex:1;height:56px;border:1.5px solid var(--tiix-border);border-radius:4px;background:#fff;padding:0 14px;font-size:13px;color:#9a9a9a;outline:none} .tiix-keypad{margin:42px -20px -34px;background:#ececf1;border-top:1px solid #dedee4;padding:16px 26px 28px;} .tiix-keypad__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 34px;justify-items:center;align-items:center;} .tiix-key{width:54px;height:42px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#1f2430;} .tiix-code{display:flex;justify-content:center;gap:22px;margin:36px 0 28px;} .tiix-code__cell{width:24px;height:34px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#2a2a2a;position:relative;} .tiix-code__cell--empty{width:18px;height:18px;border-radius:999px;background:#ddd;margin-top:8px;} .tiix-resend{text-align:center;margin-top:28px;color:var(--tiix-primary);font-size:15px;font-weight:700;text-decoration:none;} .tiix-splash{min-height:100svh;max-width:440px;margin:0 auto;background:#9f1111;display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box;position:relative;} .tiix-splash img{width:128px;height:auto;display:block} .tiix-onboard{min-height:100svh;max-width:440px;margin:0 auto;position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(130,0,0,.35) 0%, rgba(159,20,20,.05) 50%, rgba(159,20,20,.0) 100%),radial-gradient(circle at 15% 45%, rgba(255,0,0,.35), transparent 35%),linear-gradient(90deg, #8b0000 0%, #9b0a0a 36%, #360000 100%);color:#fff;padding:24px 18px 28px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;} .tiix-onboard:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(80,0,0,.35) 0%,rgba(80,0,0,.15) 34%,rgba(80,0,0,0) 58%);z-index:1} .tiix-onboard > *{position:relative;z-index:2} .tiix-onboard__art{position:absolute;right:-24px;bottom:0;width:58%;height:82%;opacity:.9;background:radial-gradient(circle at 45% 12%, rgba(255,255,255,.9) 0 6%, transparent 8%),radial-gradient(circle at 35% 20%, rgba(255,255,255,.2) 0 10%, transparent 12%),radial-gradient(circle at 40% 55%, rgba(255,255,255,.8) 0 12%, transparent 14%),radial-gradient(circle at 50% 60%, rgba(255,255,255,.16) 0 22%, transparent 24%),radial-gradient(circle at 62% 74%, rgba(255,255,255,.85) 0 10%, transparent 12%),radial-gradient(circle at 70% 80%, rgba(255,255,255,.18) 0 20%, transparent 22%);} .tiix-onboard__title{max-width:200px;font-size:23px;line-height:1.18;font-weight:800;margin:0 0 26px;letter-spacing:-.02em;white-space:pre-line} .tiix-onboard__cta{height:58px;border-radius:999px;background:#eef3ff;color:var(--tiix-primary);border:1px solid rgba(255,255,255,.4);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;} .tiix-modal{ position:fixed; inset:0; background:rgba(0,0,0,.22); display:none; align-items:center; justify-content:center; z-index:9999; padding:16px; box-sizing:border-box; } .tiix-modal.is-open{display:flex} .tiix-modal__card{ position:relative; width:min(700px, 100%); background:#f2f2f2; border-radius:24px; box-shadow:0 16px 42px rgba(0,0,0,.25); padding:48px 28px 42px; text-align:center; } .tiix-modal__close{ position:absolute; top:12px; right:12px; width:34px; height:34px; border:0; border-radius:0; background:transparent; color:#444; font-size:22px; line-height:1; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:none; } .tiix-modal__icon{ width:80px; height:80px; margin:0 auto 26px; display:block; } .tiix-modal__text{ margin:0; color:#202024; font-size:20px; line-height:1.18; font-weight:500; letter-spacing:-.02em; } .tiix-modal__actions{ margin-top:28px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; } .tiix-modal__btn{ min-width:168px; height:42px; border:0; border-radius:10px; padding:0 18px; font-size:15px; font-weight:800; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; } .tiix-modal__btn--primary{background:var(--tiix-primary);color:#fff} .tiix-modal__btn--ghost{background:#fff;color:#232323;border:1px solid #d7d7dc} .tiix-modal__btn:disabled{cursor:not-allowed;opacity:.58} .tiix-modal__hint{ margin:14px 0 0; color:#73737c; font-size:13px; line-height:1.35; font-weight:600; } @media (max-width:390px){ .tiix-mobile{padding-left:18px;padding-right:18px} .tiix-title{font-size:18px} .tiix-headline{font-size:22px} .tiix-copy{font-size:14px} .tiix-btn{font-size:16px} .tiix-modal__card{ border-radius:18px; padding:30px 18px 28px; } .tiix-modal__close{ top:8px; right:8px; width:30px; height:30px; font-size:20px; } .tiix-modal__icon{width:80px;height:80px;margin-bottom:16px} .tiix-modal__text{font-size:20px} .tiix-modal__actions{flex-direction:column;gap:10px} .tiix-modal__btn{width:100%;min-width:0} }