:root{font-family:"Segoe UI",Arial,sans-serif;color:#4b3f5e;background:#fff6e9;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:30px 18px;background:radial-gradient(ellipse at 14% 20%,#a78bfa30,transparent 48%),radial-gradient(ellipse at 90% 85%,#7fd3c333,transparent 40%),#fff6e9}.welcome{position:relative;width:min(100%,580px);padding:42px 48px 46px;border:1px solid #fff;border-radius:38px;background:linear-gradient(145deg,#fffdf9ee,#fcf3f5df);box-shadow:0 24px 90px #4b3f5e13,inset 0 0 0 8px #ffffff60;text-align:center;animation:arrive .65s cubic-bezier(.2,1.25,.35,1) both}.logo{position:relative;aspect-ratio:2.7;overflow:hidden;width:100%;margin:0 auto 24px}.logo img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);filter:drop-shadow(0 5px 4px #a78bfa12)}.eyebrow{font-size:9px;font-weight:700;letter-spacing:3px;color:#9c7bb7}h1{font:normal 38px Georgia,serif;letter-spacing:-1px;margin:24px 0 12px}.intro{font-size:14px;line-height:1.6;color:#897694;margin-bottom:30px}form{text-align:left}label{display:block;font-size:12px;font-weight:600;margin:0 0 9px 4px}input,button{font:inherit;width:100%;border-radius:15px}input{background:#fffdfa;border:1px solid #d9c7eb;padding:16px 18px;color:#4b3f5e;outline:none;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#a694b0;font-size:14px}input:focus{border-color:#a78bfa;box-shadow:0 0 0 4px #a78bfa22}button{position:relative;overflow:hidden;cursor:pointer;border:1px solid #ba9bff;background:linear-gradient(110deg,#b49af9,#a78bfa);color:#40324f;font-weight:600;font-size:14px;padding:16px;margin-top:18px;box-shadow:0 4px 0 #8d71c0,inset 0 1px #ffffff9c;transition:transform .25s cubic-bezier(.2,1.6,.3,1),box-shadow .25s}button span{margin-left:12px;color:#fff8}button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff45 50%,transparent 70%);transform:translateX(-140%);transition:transform .65s}button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #8d71c0,0 12px 25px #a78bfa30}button:hover::after{transform:translateX(140%)}button:active{transform:translateY(3px);box-shadow:0 1px 0 #8d71c0}button:focus-visible{outline:3px solid #7d5ab8;outline-offset:5px}.error{font-size:13px;line-height:1.5;color:#9c4265;margin:14px 3px 0}.sparkle{position:absolute;color:#bda0e1;pointer-events:none}.sparkle-one{top:28px;left:25px;font-size:26px}.sparkle-two{right:23px;bottom:27px;font-size:32px;color:#dfa7c4}@keyframes arrive{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:480px){.welcome{padding:32px 25px 36px;border-radius:28px}.logo{margin-bottom:20px}h1{font-size:33px}.intro{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::after{animation:none!important;transition:none!important}}