.login-lamp{--bg-color:#121417;--bg-color-on:#1c1f24;--lamp-matte:#e8e2d9;--lamp-shade:#f5f0e6;--glow-color:#ffd66e4d;--accent-color:#d4a373;--transition:.5s cubic-bezier(.4, 0, .2, 1);background:var(--bg-color);min-height:100vh;transition:background var(--transition);place-items:center;font-family:Inter,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.login-lamp[data-on=true]{background:var(--bg-color-on)}.login-lamp:before{content:"";background:radial-gradient(circle at 50% 40%, var(--glow-color), transparent 70%);opacity:0;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.login-lamp[data-on=true]:before{opacity:1}.login-lamp__container{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:8vw;width:100%;max-width:1000px;padding:2rem;display:flex}.login-lamp__brand{text-align:center;color:#ffffffbf;z-index:2;font-family:Cormorant Garamond,Georgia,serif;position:absolute;top:2rem;left:0;right:0}.login-lamp__crest{object-fit:contain;background:#fffffff2;border-radius:50%;width:72px;height:72px;margin:0 auto .85rem;padding:6px;display:block;box-shadow:0 10px 30px -10px #0009}.login-lamp__brand h1{letter-spacing:.02em;font-size:1.6rem}.login-lamp__brand p{letter-spacing:.24em;text-transform:uppercase;color:#d4a373;margin-top:.25rem;font-size:.8rem}.login-lamp__hint{text-align:center;color:#fff6;z-index:2;font-size:.8rem;position:absolute;bottom:1.5rem;left:0;right:0}.login-lamp__wrapper{justify-content:center;width:280px;height:400px;display:flex;position:relative}.login-lamp__svg{width:100%;height:100%;overflow:visible}.login-lamp__base{fill:var(--lamp-matte)}.login-lamp__shade{fill:var(--lamp-shade);transition:fill var(--transition)}.login-lamp[data-on=true] .login-lamp__shade{fill:#fff;filter:drop-shadow(0 0 30px #ff06)}.login-lamp__glow{fill:#ffdba8;opacity:0;filter:blur(15px);transition:opacity var(--transition)}.login-lamp[data-on=true] .login-lamp__glow{opacity:.6}.login-lamp__cord-line{stroke:#555;stroke-width:2px}.login-lamp__cord-bead{fill:var(--accent-color)}.login-lamp__cord-hit{cursor:grab;touch-action:none}.login-lamp__cord-hit[data-dragging=true]{cursor:grabbing}.login-lamp__form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;width:340px;padding:2.5rem;transition:all .7s cubic-bezier(.175,.885,.32,1.275);transform:translateY(30px);box-shadow:0 20px 40px #0000004d}.login-lamp__form--active{opacity:1;pointer-events:auto;transform:translateY(0)}.login-lamp__form h2{color:#fff;text-align:center;margin-bottom:.4rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem}.login-lamp__form p.sub{color:#ffffff8c;text-align:center;margin-bottom:1.5rem;font-size:.85rem}.login-lamp__field{margin-bottom:1.2rem}.login-lamp__field label{color:#999;margin-bottom:.5rem;font-size:.85rem;display:block}.login-lamp__field input{color:#fff;width:100%;transition:background var(--transition), border-color var(--transition);background:#ffffff12;border:1px solid #0000;border-radius:15px;outline:none;padding:14px 18px}.login-lamp__field input:focus{border-color:var(--accent-color);background:#ffffff1f}.login-lamp__submit{cursor:pointer;color:#121417;background:linear-gradient(135deg,#f9f3df,#fcf6ba,#d4a373);border:none;border-radius:15px;width:100%;padding:15px;font-size:1rem;font-weight:600;transition:transform .3s}.login-lamp__submit:hover{transform:scale(1.02)}.login-lamp__submit:focus-visible,.login-lamp__field input:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.login-lamp__error{color:#f8b4b4;text-align:center;min-height:1rem;margin-top:.5rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){.login-lamp,.login-lamp:before,.login-lamp__shade,.login-lamp__glow,.login-lamp__form,.login-lamp__field input,.login-lamp__submit{transition:none!important}}