.signin-scene{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px 16px}.signin-horizon,.signin-particles,.signin-sky,.signin-stars,.signin-veil{position:absolute;inset:0;pointer-events:none}.signin-sky{background:linear-gradient(180deg,#214d6a,#78b04b);transition:background 1.2s ease}.signin-scene.is-morning .signin-sky{background:linear-gradient(180deg,#7ec8e3,#f7e2b8 48%,#f4c27a)}.signin-scene.is-afternoon .signin-sky{background:linear-gradient(180deg,#4aa3d8,#87c6e8 42%,#dcefd0)}.signin-scene.is-evening .signin-sky{background:linear-gradient(180deg,#214d6a,#c45c2c 55%,#f0b15a)}.signin-scene.is-night .signin-sky{background:linear-gradient(180deg,#061018,#163a52 58%,#214d6a)}.signin-scene.is-spring .signin-veil{background:radial-gradient(circle at 20% 20%,rgba(255,182,193,.28),transparent 36%)}.signin-scene.is-summer .signin-veil{background:radial-gradient(circle at 80% 10%,rgba(255,214,90,.28),transparent 40%)}.signin-scene.is-autumn .signin-veil{background:radial-gradient(circle at 70% 80%,rgba(196,92,44,.28),transparent 42%)}.signin-scene.is-winter .signin-veil{background:radial-gradient(circle at 50% 0,rgba(230,244,255,.32),transparent 46%)}.signin-orb{position:absolute;border-radius:50%;filter:blur(.2px);box-shadow:0 0 80px rgba(255,255,255,.35);transition:top 1s ease,left 1s ease,background 1s ease,width 1s ease,height 1s ease}.signin-scene.is-morning .signin-orb{width:120px;height:120px;left:14%;top:58%;background:radial-gradient(circle,#fff4c8 0,#ffb347 70%)}.signin-scene.is-afternoon .signin-orb{width:150px;height:150px;left:62%;top:12%;background:radial-gradient(circle,#fffce8 0,#ffd56a 72%)}.signin-scene.is-evening .signin-orb{width:130px;height:130px;left:72%;top:48%;background:radial-gradient(circle,#ffe0a3 0,#e86a17 74%)}.signin-scene.is-night .signin-orb{width:92px;height:92px;left:76%;top:16%;background:radial-gradient(circle,#f7fbff 0,#c9d7e4 68%);box-shadow:0 0 50px rgba(255,255,255,.28)}.signin-horizon{top:auto;height:38%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.18));transform:scaleY(-1);opacity:.35;-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%);mask-image:linear-gradient(180deg,transparent,#000 40%)}.signin-scene.is-night .signin-horizon{background:linear-gradient(180deg,transparent,rgba(120,176,75,.12))}.signin-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:0}.signin-scene.is-night .signin-star{animation:signin-twinkle 2.8s ease-in-out infinite}.signin-particle{position:absolute;top:-12%;animation:signin-fall linear infinite;opacity:.85}.signin-scene.is-spring .signin-particle{width:10px;height:14px;border-radius:10px 2px 10px 2px;background:#f7b6c2}.signin-scene.is-summer .signin-particle{width:5px;height:5px;border-radius:50%;background:rgba(255,236,150,.9)}.signin-scene.is-autumn .signin-particle{width:11px;height:11px;border-radius:2px 10px 3px 10px;background:#d26a2e}.signin-scene.is-winter .signin-particle{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff}@keyframes signin-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.95;transform:scale(1)}}@keyframes signin-fall{0%{transform:translate3d(0,-10vh,0) rotate(0deg)}to{transform:translate3d(40px,110vh,0) rotate(220deg)}}.signin-card-shell{position:relative;z-index:2;width:min(400px,100%);max-width:100%;min-width:0}.signin-card{animation:signin-card-in .55s cubic-bezier(.22,1,.36,1) both}.signin-card-accent{height:5px;background:linear-gradient(90deg,#214d6a,#78b04b)}@keyframes signin-card-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.signin-form{width:100%;max-width:100%;min-width:0}@media (prefers-reduced-motion:reduce){.signin-card,.signin-orb,.signin-particle,.signin-star{animation:none!important}}