@theme{ --color-brand-jack: #11b8d6; --color-brand-brandon: #13b981; --color-brand-warn: #f59d0d; --color-brand-danger: #ef4c62; --color-brand-ink: #0c1429; --color-ds-primary-50: #f0f9ff; --color-ds-primary-100: #e0f2fe; --color-ds-primary-200: #bae6fd; --color-ds-primary-300: #7dd3fc; --color-ds-primary-400: #38bdf8; --color-ds-primary-500: #0ea5e9; --color-ds-primary-600: #0284c7; --color-ds-primary-700: #0369a1; --color-ds-primary-800: #075985; --color-ds-primary-900: #0c3d66; --color-ds-secondary-50: #f5f3ff; --color-ds-secondary-100: #ede9fe; --color-ds-secondary-200: #ddd6fe; --color-ds-secondary-300: #c4b5fd; --color-ds-secondary-400: #a78bfa; --color-ds-secondary-500: #8b5cf6; --color-ds-secondary-600: #7c3aed; --color-ds-secondary-700: #6d28d9; --color-ds-secondary-800: #5b21b6; --color-ds-secondary-900: #4c1d95; --color-ds-success-50: #f0fdf4; --color-ds-success-100: #dcfce7; --color-ds-success-200: #bbf7d0; --color-ds-success-300: #86efac; --color-ds-success-400: #4ade80; --color-ds-success-500: #22c55e; --color-ds-success-600: #16a34a; --color-ds-success-700: #15803d; --color-ds-success-800: #166534; --color-ds-success-900: #14532d; --color-ds-warning-50: #fffbeb; --color-ds-warning-100: #fef3c7; --color-ds-warning-200: #fde68a; --color-ds-warning-300: #fcd34d; --color-ds-warning-400: #fbbf24; --color-ds-warning-500: #f59e0b; --color-ds-warning-600: #d97706; --color-ds-warning-700: #b45309; --color-ds-warning-800: #92400e; --color-ds-warning-900: #78350f; --color-ds-error-50: #fef2f2; --color-ds-error-100: #fee2e2; --color-ds-error-200: #fecaca; --color-ds-error-300: #fca5a5; --color-ds-error-400: #f87171; --color-ds-error-500: #ef4444; --color-ds-error-600: #dc2626; --color-ds-error-700: #b91c1c; --color-ds-error-800: #991b1b; --color-ds-error-900: #7f1d1d; --color-ds-neutral-50: #f8fafc; --color-ds-neutral-100: #f1f5f9; --color-ds-neutral-200: #e2e8f0; --color-ds-neutral-300: #cbd5e1; --color-ds-neutral-400: #94a3b8; --color-ds-neutral-500: #64748b; --color-ds-neutral-600: #475569; --color-ds-neutral-700: #334155; --color-ds-neutral-800: #1e293b; --color-ds-neutral-900: #0f172a; --color-sms-sent-bg: var(--color-ds-primary-500); --color-sms-sent-text: #ffffff; --color-sms-received-bg: var(--color-ds-neutral-100); --color-sms-received-text: var(--color-ds-neutral-900); --color-sms-pending-bg: var(--color-ds-primary-50); --color-sms-pending-text: var(--color-ds-primary-900); --color-sms-failed-bg: var(--color-ds-error-50); --color-sms-failed-text: var(--color-ds-error-900); --color-sms-failed-border: var(--color-ds-error-200); --radius-control: .62rem; --radius-panel: .9rem; --radius-chip: 999px; --radius-bubble: 1rem; --shadow-surface: 0 8px 24px rgba(12, 20, 41, .12); --shadow-floating: 0 18px 40px rgba(12, 20, 41, .2); --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05); --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06); --spacing-control-x: .75rem; --spacing-control-y: .55rem; --duration-fast: .1s; --duration-normal: .2s; --duration-slow: .3s; }@utility tw-surface{border-radius: var(--radius-panel); border: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--card-foreground)); box-shadow: var(--shadow-surface);}@utility tw-field{border-radius: var(--radius-control); border: 1px solid hsl(var(--border)); background: hsl(var(--background)); color: hsl(var(--foreground)); padding-inline: var(--spacing-control-x); padding-block: var(--spacing-control-y); transition: border-color .12s ease,box-shadow .12s ease,background-color .12s ease;}@utility tw-field-sm{padding-inline: .55rem; padding-block: .35rem; font-size: .75rem; line-height: 1.1;}@utility tw-focus-ring{&:focus-visible {outline: none; border-color: color-mix(in srgb,hsl(var(--ring)) 70%,hsl(var(--border)) 30%); box-shadow: 0 0 0 3px color-mix(in srgb,hsl(var(--ring)) 26%,transparent 74%);}}@tailwind base;@tailwind components;@tailwind utilities;@theme{ --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-background: hsl(var(--background)); --color-foreground: hsl(var(--foreground)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-foreground)); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-foreground)); --color-destructive: hsl(var(--destructive)); --color-destructive-foreground: hsl(var(--destructive-foreground)); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-foreground)); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-foreground)); --color-popover: hsl(var(--popover)); --color-popover-foreground: hsl(var(--popover-foreground)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-foreground)); --radius-lg: var(--radius); --radius-md: calc(var(--radius) - 2px); --radius-sm: calc(var(--radius) - 4px); --animate-accordion-down: accordion-down .2s ease-out; --animate-accordion-up: accordion-up .2s ease-out; @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } }@utility container{margin-inline: auto; padding-inline: 2rem; @media (width >= --theme(--breakpoint-sm)) {max-width: none;} @media (width >= 1400px) {max-width: 1400px;}}@layer base{*,:after,:before,::backdrop,::file-selector-button{border-color:var(--color-gray-200, currentColor)}}@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}:root{color-scheme:dark}.PasswordGate--minimal{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(#020913c7,#020913d1),url(/assets/sms-kit/gridcoachbg.webp) center center / cover no-repeat;font-family:Inter,Manrope,system-ui,sans-serif}.PasswordGate__card--minimal{width:min(330px,100%);padding:1.5rem;border-radius:18px;background:#070c16f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000073}.PasswordGate__textBlock{margin-bottom:1rem;text-align:left}.PasswordGate__logo{display:block;width:112px;height:auto;margin-bottom:.6rem}.PasswordGate__textBlock h1{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.03em;color:#fefefe}.PasswordGate__form{display:flex;flex-direction:column;gap:.85rem}.PasswordGate__inputWrap{position:relative;display:flex;align-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:.2rem .4rem;background:#ffffff05;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.PasswordGate__inputWrap input{width:100%;border:none;outline:none;padding:.72rem 2.35rem .72rem .9rem;border-radius:10px;background:transparent;color:#fff;font-size:.98rem;line-height:1.25}.PasswordGate__inputWrap input::placeholder{color:#fff9}.PasswordGate__inputWrap:focus-within{border-color:#22d3ee8c;box-shadow:0 0 0 3px #22d3ee29;background:#ffffff0a}.PasswordGate__inputWrap input.is-error{color:#ffe4e6}.PasswordGate__inputWrap input.is-error::placeholder{color:#ffe4e6ad}.PasswordGate__inputWrap:has(input.is-error){border-color:#fb71858c;box-shadow:0 0 0 3px #fb718524}.PasswordGate__inputIcon{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;pointer-events:none;color:#fff9}.PasswordGate__error{margin:0;color:#fb7185;font-size:.85rem}.PasswordGate__submit{border:none;border-radius:12px;padding:.8rem 1rem;font-size:.98rem;font-weight:600;color:#0c1421;background:linear-gradient(135deg,#06b6d4,#34d399);cursor:pointer;transition:transform .2s ease}.PasswordGate__submit:disabled{opacity:.6;cursor:not-allowed}.PasswordGate__submit:not(:disabled):hover{transform:translateY(-1px)}.PasswordGate__stayLogged{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:#ffffffa6}