.login-shell{color:#f5f0ff;flex-direction:column;gap:18px;width:100%;max-width:min(420px,100vw - 24px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:relative}.login-card{isolation:isolate;background:linear-gradient(160deg,#ffffff2e,#bda7ff0f 40%,#ffffff05 60%,#f3cf722e);border-radius:22px;padding:1px;position:relative}.card-halo{z-index:-1;filter:blur(20px);pointer-events:none;background:radial-gradient(60% 60% at 30% 0,#bda7ff2e,#0000 70%),radial-gradient(50% 50% at 100% 100%,#f3cf7224,#0000 70%);position:absolute;inset:-40px}.card-inner{-webkit-backdrop-filter:blur(28px)saturate(140%);background:linear-gradient(#0c081ac7,#0804169e);border-radius:21px;padding:clamp(18px,3.6vw,28px) clamp(18px,3.6vw,28px) clamp(16px,3vw,24px);position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0d}.card-inner.solid{background:linear-gradient(#0e091ef0,#090518e6)}.card-inner:before{content:"";pointer-events:none;background:radial-gradient(120% 60% at 80% -10%,#bda7ff1a,#0000 60%);position:absolute;inset:0}.card-head{margin-bottom:14px}.title{color:#f5f0ff;letter-spacing:-.01em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,3.6vw,28px);font-weight:500;line-height:1.05}.sub{color:#b8add4;margin:6px 0 0;font-size:13.5px;line-height:1.5}.seg{background:#0804148c;border:1px solid #bda7ff24;border-radius:999px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid;position:relative;overflow:hidden}.seg-btn{z-index:2;color:#b8add4;cursor:pointer;letter-spacing:.01em;font-size:13px;font-weight:500;font:inherit;background:0 0;border:0;padding:9px 0;transition:color .2s;position:relative}.seg-btn.active{color:#07041a}.seg-pill{z-index:1;background:linear-gradient(#f7f3ff,#e5dcff);border-radius:999px;width:calc(50% - 4px);transition:transform .38s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 6px 20px #bda7ff59,inset 0 -1px #0000000d}.form{flex-direction:column;gap:11px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-head{justify-content:space-between;align-items:baseline;display:flex}.label-text{letter-spacing:.22em;text-transform:uppercase;color:#8e83b1;font-size:10px}.link-sub{color:#bda7ff;font-size:12px;text-decoration:none;transition:color .16s}.link-sub:hover{color:#f3cf72}.input-wrap{background:#0704128c;border:1px solid #bda7ff2e;border-radius:12px;align-items:center;padding:0 12px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.input-wrap:focus-within{background:#0b0618b3;border-color:#f3cf7273;box-shadow:0 0 0 4px #bda7ff14,0 0 24px #bda7ff1f}.input-wrap svg{color:#bda7ff99;flex-shrink:0}.input-wrap input{color:#f5f0ff;letter-spacing:.005em;font-size:14px;font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:11px 10px}.input-wrap input::placeholder{color:#6e6592}.eye{color:#bda7ff8c;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px;transition:color .16s,background .16s}.eye:hover{color:#fff;background:#ffffff0d}.pw-rules{flex-direction:column;gap:4px;margin:2px 0 0;padding:0;list-style:none;display:flex}.pw-rules li{color:#6e6592;align-items:center;gap:7px;font-size:11.5px;transition:color .2s;display:flex}.pw-rules li.met{color:#7be3a4}.pw-rule-dot{background:#bda7ff40;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s,box-shadow .2s}.pw-rules li.met .pw-rule-dot{background:#7be3a4;box-shadow:0 0 8px #7be3a499}.submit{color:#f5f0ff80;letter-spacing:.04em;cursor:not-allowed;background:#ffffff0a;border:1px solid #bda7ff1f;border-radius:14px;margin-top:4px;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.submit.enabled{cursor:pointer;color:#07041a;background:linear-gradient(95deg,#f3cf72,#e6bd7d,#cbaed1);border-color:#0000;box-shadow:0 14px 40px #f3cf7238,0 4px 14px #bda7ff24,inset 0 1px #ffffff59}.submit.enabled:hover{transform:translateY(-1px);box-shadow:0 20px 48px #f3cf7247,0 6px 18px #bda7ff33,inset 0 1px #ffffff59}.submit.enabled:active{transform:translateY(0)}.submit.loading{color:#0000}.submit-label{z-index:1;justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex;position:relative}.dots{gap:6px;display:inline-flex}.dots span{opacity:.5;background:#07041a;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite dot-bounce}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.divider{align-items:center;gap:12px;margin:4px 0 0;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#bda7ff2e,#0000);flex:1;height:1px}.divider span{letter-spacing:.22em;text-transform:uppercase;color:#7f7698;font-size:10.5px}.oauth{color:#e6e0ff;cursor:pointer;background:#ffffff06;border:1px solid #bda7ff29;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-family:inherit;font-size:13px;font-weight:500;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.oauth:hover{background:#ffffff0e;border-color:#f3cf7261;transform:translateY(-1px)}.oauth svg{width:16px;height:16px}.legal{color:#7f7698;text-align:center;margin:12px 0 0;font-size:11.5px;line-height:1.55}.legal a{color:#b8add4;border-bottom:1px dotted #bda7ff66;text-decoration:none}.legal a:hover{color:#f3cf72}.footnote{letter-spacing:.2em;text-transform:uppercase;color:#6e6592;align-self:center;align-items:center;gap:8px;margin:0;font-size:11px;display:inline-flex}.ft-dot{background:#9fd8e7;border-radius:50%;width:5px;height:5px;animation:2.6s ease-in-out infinite ft-pulse;box-shadow:0 0 10px #9fd8e7cc}@keyframes ft-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-height:720px){.login-shell{gap:12px}.card-head,.seg{margin-bottom:10px}.form{gap:9px}.input-wrap input{padding:9px 10px}.submit{padding:11px 16px}.legal{margin-top:8px}}.zodiac-detail-overlay{z-index:4;pointer-events:none;justify-content:center;align-items:flex-end;padding:clamp(12px,3vh,28px);display:flex;position:absolute;inset:0}@media(max-width:880px){.zodiac-detail-overlay{align-items:flex-start}}.zodiac-detail{pointer-events:auto;isolation:isolate;color:#f5f0ff;background:linear-gradient(160deg,#ffffff2e,#bda7ff0f 40%,#ffffff05 60%,#f3cf722e);border-radius:20px;width:min(380px,100vw - 32px);max-height:calc(100vh - 32px);padding:1px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;animation:.24s cubic-bezier(.2,.8,.2,1) zd-in;position:relative;overflow-y:auto}@keyframes zd-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.zodiac-detail-inner{-webkit-backdrop-filter:blur(28px)saturate(140%);background:linear-gradient(#0c081ad1,#080416ad);border-radius:19px;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;padding:18px 22px 20px;display:grid;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0d}.zd-glyph{font-variant-emoji:text;color:#f7eeff;text-shadow:0 0 8px #f3cf7299;background:radial-gradient(circle at 30% 22%,#ffffff52,#0000 55%),linear-gradient(155deg,#3c286cd9,#160c37e6);border:1px solid #f3cf728c;border-radius:50%;place-items:center;width:48px;height:48px;font-family:Noto Sans Symbols,Segoe UI Symbol,Apple Symbols,Times New Roman,serif;font-size:22px;display:grid;box-shadow:0 0 24px #f3cf7259,inset 0 0 14px #bda7ff33}.zd-body{min-width:0}.zd-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#bda7ff;margin:0 0 4px;font-size:10px}.zd-eyebrow .dot{color:#6e6592;margin:0 6px}.zd-name{letter-spacing:-.01em;color:#f5f0ff;margin:0;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500;line-height:1.1}.zd-copy{color:#d6cfeb;margin:8px 0 0;font-size:13px;line-height:1.55}.zd-long{border-top:1px solid #ffffff14;margin:12px 0 0;padding-top:12px}.zd-long p{color:#b9b1d4;margin:0 0 10px;font-size:12.5px;line-height:1.65}.zd-long p:last-child{margin-bottom:0}.zd-close{color:#8e83b1;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:22px;line-height:1;transition:color .16s,background .16s}.zd-close:hover{color:#fff;background:#ffffff0f}.mas-backdrop{z-index:3;pointer-events:none;background:0 0;position:absolute;inset:0}.mas-backdrop.is-open{pointer-events:auto}.mas-sheet{z-index:4;touch-action:none;will-change:transform;background:0 0;flex-direction:column;max-height:92dvh;display:flex;position:absolute;bottom:0;left:0;right:0}.mas-handle{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:10px 16px 12px;display:flex}.mas-handle:active{cursor:grabbing}.mas-grip{background:#bda7ff73;border-radius:999px;width:44px;height:4px}.mas-handle-label{letter-spacing:.18em;text-transform:uppercase;color:#e9e4ffc7;align-items:center;gap:6px;font-size:11px;display:inline-flex}.mas-chevron{animation:1.6s ease-in-out infinite mas-bounce;display:inline-block}.mas-sheet[data-state=open] .mas-chevron{animation:none;transform:rotate(180deg)}@keyframes mas-bounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.mas-content{-webkit-overflow-scrolling:touch;padding:0 0 env(safe-area-inset-bottom);flex:auto;justify-content:center;display:flex;overflow-y:auto}@media(prefers-reduced-motion:reduce){.mas-chevron{animation:none}}