@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Cormorant+Garamond:wght@500;600;700;800&family=Inter:wght@400;600;700;800;900&display=swap');
:root{--gold:#b98522;--gold2:#f1d28a;--gold3:#7f5315;--ink:#17120d;--line:rgba(185,133,34,.38);--serif:'Cormorant Garamond',Georgia,serif;--black:'UnifrakturMaguntia','Old English Text MT',Georgia,serif}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:linear-gradient(118deg,#fff,#edf8ff 46%,#fff6de);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);overflow:hidden}.login-celestial-bg{position:fixed;inset:0;z-index:-2;overflow:hidden}.login-celestial-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -12%,rgba(255,255,255,.95) 0 18%,rgba(238,201,121,.18) 19% 31%,transparent 52%),linear-gradient(rgba(185,133,34,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(185,133,34,.035) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.mandala{position:absolute;width:680px;height:680px;border-radius:50%;opacity:.35;background:repeating-conic-gradient(transparent 0 7deg,rgba(185,133,34,.22) 7.4deg 9deg,transparent 9.5deg 15deg),radial-gradient(circle,transparent 0 14%,rgba(185,133,34,.14) 15% 16%,transparent 17% 35%,rgba(185,133,34,.12) 36% 37%,transparent 38%);mask-image:radial-gradient(circle,transparent 0 6%,#000 7% 100%)}.m-left{left:-260px;top:-260px}.m-right{right:-290px;bottom:-310px;transform:rotate(18deg)}.cloud{position:absolute;border-radius:999px;filter:blur(26px);background:rgba(255,255,255,.75);box-shadow:80px 22px 70px rgba(224,238,250,.8),-80px 22px 70px rgba(255,255,255,.9)}.c-left{width:500px;height:150px;left:8%;top:26%}.c-right{width:560px;height:180px;right:8%;bottom:20%}.halo{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:620px;height:620px;border-radius:50%;background:repeating-conic-gradient(transparent 0 9deg,rgba(185,133,34,.10) 9.4deg 11deg,transparent 11.4deg 17deg);opacity:.75}.login-shell{width:min(1080px,94vw);display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center}.login-brand{text-align:center;position:relative;padding:54px 24px;border:1px solid rgba(185,133,34,.34);border-radius:34px;background:rgba(255,255,255,.46);box-shadow:0 30px 80px rgba(111,78,25,.13);overflow:hidden}.login-brand:before{content:"";position:absolute;inset:18px;border:1px solid rgba(185,133,34,.14);border-radius:24px}.small-sigil{width:94px;height:94px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff 0 42%,#f1d28a 43%,#8e601b 100%);color:#8e601b;font-family:var(--black);font-size:54px;box-shadow:0 22px 50px rgba(185,133,34,.18)}.login-title{position:relative;margin:0;font-family:var(--black);font-size:clamp(72px,8vw,142px);line-height:.83;font-weight:400;color:#0c0a08;text-shadow:0 2px 0 #fff,0 12px 28px rgba(0,0,0,.08)}.login-brand p{position:relative;margin:24px 0 0;display:flex;gap:14px;align-items:center;justify-content:center;color:#8e601b;font-family:var(--serif);font-weight:800;letter-spacing:.18em}.login-brand p span{display:block;width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.login-card{position:relative;border:1px solid rgba(185,133,34,.42);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,248,231,.76));box-shadow:0 34px 90px rgba(111,78,25,.18);padding:34px;overflow:hidden}.login-card:before{content:"";position:absolute;right:-110px;top:-110px;width:260px;height:260px;border-radius:50%;background:repeating-conic-gradient(transparent 0 9deg,rgba(185,133,34,.13) 9.4deg 11deg,transparent 11.4deg 18deg)}.login-card:after{content:"";position:absolute;inset:13px;border:1px solid rgba(185,133,34,.13);border-radius:24px;pointer-events:none}.login-card-ornament{position:relative;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#a36f20;border:1px solid rgba(185,133,34,.33);font-size:30px;margin-bottom:16px}.login-card h2{position:relative;margin:0 0 8px;font-family:var(--serif);font-size:34px;color:#17120d}.muted{position:relative;margin:0 0 22px;color:#6c5940;line-height:1.55}.login-error{position:relative;margin:0 0 16px;border:1px solid rgba(164,44,44,.32);border-radius:14px;background:#fff0ed;color:#9b3030;padding:12px;font-weight:800}.login-card form{position:relative;display:grid;gap:15px}.login-card label span{display:block;margin-bottom:7px;color:#6a573d;font-weight:900}.input-wrap{display:flex;align-items:center;gap:10px;border:1px solid rgba(185,133,34,.26);border-radius:16px;background:rgba(255,255,255,.75);padding:0 13px}.input-wrap i{font-style:normal;color:#9c681b}.input-wrap input{flex:1;height:50px;border:0;background:transparent;outline:0;color:#17120d}.login-card button{height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#8e601b,#e7bf60);color:#fff;font-weight:900;box-shadow:0 16px 34px rgba(185,133,34,.22);font-size:15px}.login-mode{position:relative;margin-top:16px;border:1px solid rgba(185,133,34,.18);border-radius:16px;padding:13px;background:rgba(255,255,255,.56)}.login-mode b,.login-mode span{display:block}.login-mode span{color:#6a573d;margin-top:3px}footer{grid-column:1/3;text-align:center;color:#7a6548;font-family:var(--serif);letter-spacing:.08em}@media(max-width:860px){body{overflow:auto}.login-shell{display:block;padding:18px}.login-brand{margin-bottom:18px}.login-title{font-size:72px}.login-brand p span{width:32px}footer{margin-top:16px}}