.auth-root{min-height:100vh;color:#0f172a;background:#fff;min-height:100dvh;position:relative}.auth-shell{z-index:1;min-height:100vh;grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.auth-col{--muted-foreground:#4b5568;--auth-muted:#4b5568;--auth-link:#0b6378;min-width:0;min-height:100vh;flex-direction:column;min-height:100dvh;padding:20px 16px 24px;display:flex}.auth-wrap{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:36px 0 28px;display:flex}.auth-foot{width:100%;max-width:400px;margin:0 auto}.auth-root .auth-col :focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #6d28d9}.auth-root .auth-col [data-slot=button]:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #6d28d9}.auth-col .auth-input{color:#0f172a;height:48px;box-shadow:none;background:#fff;border:1px solid #cdd2de;border-radius:10px;padding:0 14px;font-size:16px;transition:border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.auth-col .auth-input::placeholder{color:#4b5568;opacity:1}.auth-col .auth-input:hover{border-color:#4b5568}.auth-col .auth-input:focus-visible{border-radius:10px;outline:none;box-shadow:0 0 0 4px #6d28d938;border-color:#6d28d9!important}.auth-col .auth-input[aria-invalid=true]{box-shadow:none;border-color:#b91c1c}.auth-col .auth-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px #b91c1c33;border-color:#b91c1c!important}.auth-col .auth-input[readonly]{color:#4b5568;background:#f5f6fa}.auth-col .auth-input.has-toggle{padding-right:52px}.auth-col .auth-input.auth-code{height:56px;font-family:var(--font-display);letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:20px}.auth-col .auth-submit{border-radius:10px;gap:10px;width:100%;height:50px;font-size:16px;box-shadow:0 1px 2px #0f172a14,0 8px 20px -8px #6d28d98c}.auth-col .auth-submit:hover{box-shadow:0 1px 2px #0f172a14,0 12px 24px -8px #6d28d999}.auth-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite auth-spin}.auth-wrap>*{animation:.6s cubic-bezier(.22,1,.36,1) both auth-rise}.auth-wrap>:nth-child(2){animation-delay:40ms}.auth-wrap>:nth-child(3){animation-delay:80ms}.auth-wrap>:nth-child(4){animation-delay:.12s}.auth-wrap>:nth-child(n+5){animation-delay:.16s}.auth-alert{animation:.35s cubic-bezier(.22,1,.36,1) both auth-rise}.auth-aurora{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-blob{aspect-ratio:1;width:85%;opacity:var(--blob-alpha,.62);will-change:transform;border-radius:50%;animation:30s cubic-bezier(.22,1,.36,1) infinite alternate auth-drift;position:absolute}.auth-blob.a{background:radial-gradient(closest-side,#22d3ee,#0000 72%);top:-35%;right:-25%}.auth-blob.b{background:radial-gradient(closest-side,#6d28d9,#0000 70%);animation-duration:37s;animation-delay:-11s;bottom:-40%;left:-30%}.auth-blob.c{opacity:calc(var(--blob-alpha,.62) * .6);background:radial-gradient(closest-side,#db2777,#0000 70%);animation-duration:43s;animation-delay:-19s;bottom:-45%;right:-30%}.auth-blob.d{opacity:calc(var(--blob-alpha,.62) * .7);background:radial-gradient(closest-side,#38bdf8,#0000 70%);animation-duration:34s;animation-delay:-6s;top:-30%;left:-35%}.auth-halo{aspect-ratio:1.2;width:70%;opacity:calc(var(--blob-alpha,.62) * .55);will-change:transform;background:radial-gradient(closest-side at 30% 40%,#22d3eeb3,#0000 70%),radial-gradient(closest-side at 70% 60%,#6d28d999,#0000 70%);animation:24s cubic-bezier(.22,1,.36,1) infinite alternate auth-swirl;position:absolute;top:20%;left:15%}.auth-bubbles{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-bubbles .auth-aurora{z-index:0}.auth-bubbles .auth-blob{--blob-alpha:.4;width:110vmax}.auth-bubbles .auth-blob.a{top:-62vmax;right:-58vmax}.auth-bubbles .auth-blob.b{bottom:-60vmax;left:-56vmax}.auth-bubbles .auth-blob.c{bottom:-70vmax;right:-62vmax}@media (min-width:640px){.auth-col{padding:28px 32px}}.gl{display:none}@media (min-width:1200px){.auth-col{padding:32px 48px}.auth-shell:has(.gl){grid-template-columns:minmax(440px,1fr) minmax(0,1.18fr)}.auth-root:has(.gl)>.auth-bubbles{display:none}.gl{--blob-alpha:.62;isolation:isolate;color:#5f6b80;background:#eef0f7;border:1px solid #e6e8ef;border-radius:28px;flex-direction:column;justify-content:center;margin:14px 14px 14px 0;padding:48px clamp(32px,4vw,64px);display:flex;position:relative;overflow:hidden}.gl:after{content:"";z-index:-1;opacity:.5;background-image:radial-gradient(#0f172a24 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}}.gl-grain{z-index:-1;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.gl-head{width:100%;max-width:560px;margin:0 auto 28px}.gl-head h2{font-family:var(--font-display);letter-spacing:-.02em;color:#0f172a;margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.15}.gl-head h2 em{background:linear-gradient(135deg,#22d3ee 0%,#6d28d9 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.gl-head p{max-width:440px;margin:10px 0 0;font-size:15px;line-height:1.5}.gl-bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"diary diary diary health health health""diary diary diary notes notes notes""sms sms sms form form form""sms sms sms book book book";gap:14px;width:100%;max-width:560px;margin:0 auto;display:grid}.gl-tile{color:#5f6b80;background:#fff;border:1px solid #e6e8ef;border-radius:16px;min-width:0;padding:16px;font-size:13px;line-height:1.5;animation:.8s cubic-bezier(.22,1,.36,1) both auth-rise,9s ease-in-out infinite auth-float;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -8px #0f172a1a}.gl-tile h3{font-family:var(--font-body,var(--font-sans));letter-spacing:.04em;text-transform:uppercase;color:#5f6b80;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;line-height:1.5;display:flex}.gl-tile h3 svg{width:14px;height:14px}.gl-big{font-family:var(--font-display);color:#0f172a;letter-spacing:-.02em;font-weight:600}.gl-diary{grid-area:diary;animation-delay:.1s,1s}.gl-health{grid-area:health;animation-delay:.18s,2.2s}.gl-notes{grid-area:notes;animation-delay:.26s,3.1s}.gl-form{grid-area:form;animation-delay:.34s,1.6s}.gl-sms{grid-area:sms;animation-delay:.42s,2.7s}.gl-book{grid-area:book;animation-delay:.5s,3.6s}.gl-diary-top{margin:6px 0 12px}.gl-diary-top .gl-big{font-size:22px}.gl-slots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gl-slot{grid-template-columns:40px 1fr;align-items:stretch;gap:10px;display:grid}.gl-slot time{font-variant-numeric:tabular-nums;padding-top:7px;font-size:12px}.gl-appt{border-left:3px solid;border-radius:10px;padding:7px 10px}.gl-appt b{color:#0f172a;font-size:13px;font-weight:600;display:block}.gl-appt span{font-size:12px}.gl-appt.c1{background:#e4fafd;border-color:#0e7490}.gl-appt.c2{background:#f0eafb;border-color:#6d28d9}.gl-appt.c3{background:#fceef4;border-color:#db2777}.gl-appt.c4{background:#e7f8f2;border-color:#047857}.gl-now{border-top:2px solid #db2777;height:0;margin:2px 0 2px 50px;position:relative}.gl-now:before{content:"";background:#db2777;border-radius:50%;width:10px;height:10px;animation:2.4s ease-in-out infinite auth-pulse;position:absolute;top:-6px;left:-5px;box-shadow:0 0 0 4px #db277733}.gl-health-body{align-items:center;gap:16px;margin-top:10px;display:flex}.gl-ring{flex:none;width:84px;height:84px;position:relative}.gl-ring svg{width:84px;height:84px;transform:rotate(-90deg)}.gl-ring .track{stroke:#e6e8ef}.gl-ring .arc{stroke:url(#glRingGrad);stroke-dasharray:226.2;stroke-dashoffset:226.2px;animation:1.6s cubic-bezier(.22,1,.36,1) .5s forwards auth-draw}.gl-ring-label{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.gl-ring-label .gl-big{font-size:24px;line-height:1}.gl-ring-label small{color:#047857;font-size:11px;font-weight:600}.gl-dims{flex:1;gap:7px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.gl-dims li{gap:3px;font-size:12px;display:grid}.gl-bar{background:#e6e8ef;border-radius:99px;height:5px;display:block;overflow:hidden}.gl-bar i{border-radius:inherit;transform-origin:0;background:linear-gradient(135deg,#22d3ee 0%,#6d28d9 100%);height:100%;animation:1.2s cubic-bezier(.22,1,.36,1) both auth-grow;display:block}.gl-badge{border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.gl-badge.amber{color:#92400e;background:#fffbeb}.gl-badge.green{color:#047857;background:#ecfdf5}.gl-notes .gl-big{margin:6px 0 0;font-size:20px}.gl-note-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.gl-note-list li{color:#334155;background:#f5f6fa;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.gl-form,.gl-book{align-items:center;gap:12px;padding:14px 16px;display:flex}.gl-form-ic{color:#6d28d9;background:#f1f0fe;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.gl-form-ic svg{width:20px;height:20px}.gl-row-main{flex:1;min-width:0;line-height:1.3}.gl-row-main .gl-big{font-size:15px;display:block}.gl-row-main small{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.gl-sms{gap:10px;display:grid}.gl-sms-row{align-items:flex-start;gap:10px;display:flex}.gl-avatar{color:#fff;width:30px;height:30px;font:600 12px var(--font-display);background:linear-gradient(135deg,#22d3ee 0%,#6d28d9 100%);border-radius:50%;flex:none;place-items:center;display:grid}.gl-bubble{color:#334155;background:#f5f6fa;border:1px solid #e6e8ef;border-radius:16px 16px 16px 4px;margin:0;padding:10px 12px;font-size:13px;line-height:1.45}.gl-sms-meta{justify-content:space-between;align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.gl-sms-meta .ok{color:#047857;align-items:center;gap:4px;font-weight:600;display:inline-flex}.gl-sms-meta svg{width:14px;height:14px}.gl-cal-day{text-align:center;background:#fff;border:1px solid #e6e8ef;border-radius:10px;flex:none;width:40px;overflow:hidden}.gl-cal-day small{color:#fff;letter-spacing:.06em;background:#6d28d9;padding:2px 0;font-size:10px;font-weight:700;display:block}.gl-cal-day b{font:600 16px/1.6 var(--font-display);color:#0f172a;display:block}.gl-sample{align-items:center;gap:6px;font-size:12px;display:inline-flex;position:absolute;bottom:18px;right:22px}.gl-sample svg{width:13px;height:13px}@media (min-width:1200px) and (max-width:1365px){.gl-bento{gap:12px}.gl-sms .gl-bubble{font-size:12px}}@media (min-width:1200px) and (max-height:820px){.gl{padding-top:28px;padding-bottom:28px}.gl-head p{display:none}.gl-bento{gap:12px}.gl-head{margin-bottom:20px}.gl-diary .gl-slot:nth-of-type(4){display:none}}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes auth-float{0%,to{translate:0}50%{translate:0 -4px}}@keyframes auth-draw{to{stroke-dashoffset:40.7px}}@keyframes auth-grow{0%{transform:scaleX(0)}}@keyframes auth-pulse{50%{box-shadow:0 0 0 7px #0000}}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-drift{0%{transform:translate(0,0)scale(1)rotate(0)}50%{transform:translate(10%,8%)scale(1.12)rotate(25deg)}to{transform:translate(-8%,12%)scale(.94)rotate(-15deg)}}@keyframes auth-swirl{to{transform:rotate(40deg)scale(1.15)}}@media (prefers-reduced-motion:reduce){.auth-root *,.auth-root :before,.auth-root :after{transition:none!important;animation:none!important}.gl-ring .arc{stroke-dashoffset:40.7px}.auth-root .auth-spinner{animation:1.6s linear infinite auth-spin!important}}