@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=DM+Sans:wght@300;400;500&display=swap");.login-root{font-family:DM Sans,sans-serif;min-height:100vh;background:#0a0a0f;color:#f0ede8;display:flex;overflow:hidden;position:relative}.login-root:before{top:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,hsla(35,29%,59%,.08) 0,transparent 70%)}.login-root:after,.login-root:before{content:"";position:fixed;pointer-events:none;z-index:0}.login-root:after{bottom:-10%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(100,120,180,.06) 0,transparent 70%)}.left-panel{flex:1 1 0;display:none;position:relative;overflow:hidden}@media (min-width:768px){.left-panel{display:block}}.left-panel-inner{position:absolute;inset:24px;border-radius:20px;overflow:hidden;background:#0f0f17;border:1px solid hsla(0,0%,100%,.06)}.left-panel-inner img{width:100%;height:100%;object-fit:cover;opacity:.75;mix-blend-mode:luminosity}.left-overlay{position:absolute;bottom:48px;left:48px;right:48px;z-index:2}.left-overlay-tag{display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:hsla(35,29%,59%,.9);border:1px solid hsla(35,29%,59%,.3);padding:4px 12px;border-radius:100px;margin-bottom:16px}.left-overlay h2{font-family:Cormorant Garamond,serif;font-weight:300;font-size:42px;line-height:1.15;color:#f0ede8;margin:0}.left-overlay p{margin-top:12px;font-size:13px;font-weight:300;color:hsla(38,21%,93%,.45);max-width:320px}.left-fade{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(0deg,#0f0f17 0,transparent);z-index:1}.right-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative;z-index:1}@media (min-width:768px){.right-panel{width:420px;flex-shrink:0}}.login-card{width:100%;max-width:360px;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.logo-area{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:48px;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .05s both}.logo-badge{display:flex;align-items:center;gap:10px}.logo-name{font-size:13px;font-weight:500;letter-spacing:.04em;color:hsla(38,21%,93%,.9)}.login-heading{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .1s both;margin-bottom:8px}.login-heading h1{font-family:Cormorant Garamond,serif;font-weight:300;font-size:38px;line-height:1.1;color:#f0ede8;margin:0}.login-heading h1 em{font-style:italic;color:hsla(35,29%,59%,.9)}.login-sub{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .15s both;font-size:13px;font-weight:300;color:hsla(38,21%,93%,.4);margin:0 0 36px;line-height:1.6}.divider{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .18s both;height:1px;background:linear-gradient(90deg,hsla(35,29%,59%,.3),transparent);margin-bottom:32px}.google-btn{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .22s both;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#f0ede8;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;outline:none}.google-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(35,29%,59%,.35);transform:translateY(-1px)}.google-btn:active{transform:translateY(0)}.login-footer{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .28s both;margin-top:36px;display:flex;align-items:center;gap:8px}.footer-line{flex:1;height:1px;background:hsla(0,0%,100%,.06)}.footer-text{font-size:11px;font-weight:300;letter-spacing:.06em;text-transform:uppercase;color:hsla(38,21%,93%,.22);white-space:nowrap}