.lamp-login{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:#07070a;color:#f3e9dc;display:flex;align-items:center;justify-content:center;gap:clamp(1rem,6vw,7rem);padding:4.5rem 1rem 2rem}.lamp-login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 45% at 28% 30%,rgba(196,128,60,.45),transparent 70%),linear-gradient(135deg,#3a2414,#24170f 45%,#120c08);opacity:0;transition:opacity .9s ease;pointer-events:none}.lamp-login.is-on:before{opacity:1;animation:lamp-flicker .7s linear}.lamp-login__brand{position:absolute;top:1.25rem;left:1.25rem;z-index:2;font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:#f3e9dc73;text-decoration:none}.lamp{position:relative;z-index:1;flex:0 0 auto;width:clamp(150px,22vw,240px);-moz-user-select:none;user-select:none;-webkit-user-select:none}.lamp__svg{display:block;width:100%;height:auto;overflow:visible}.lamp__cone{position:absolute;top:24%;left:50%;width:380%;height:120%;transform:translate(-50%);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);background:linear-gradient(to bottom,rgba(255,214,150,.32),rgba(255,190,110,.06) 70%,transparent);opacity:0;transition:opacity .6s ease;pointer-events:none}.lamp--on .lamp__cone{opacity:1;animation:lamp-flicker .7s linear}.lamp__bulb{fill:#3a3a40;transition:fill .3s ease}.lamp--on .lamp__bulb{fill:#fff6e4}.lamp__halo{opacity:0;transition:opacity .4s ease}.lamp--on .lamp__halo{opacity:1;animation:lamp-flicker .7s linear}.lamp__shade{transition:filter .4s ease}.lamp--on .lamp__shade{filter:drop-shadow(0 0 18px rgba(255,196,120,.45))}.lamp__shade-rim{fill:#1d1d22;transition:fill .4s ease}.lamp--on .lamp__shade-rim{fill:#ffe7c0}.lamp__cord{cursor:grab;touch-action:none;outline:none}.lamp-login .lamp .lamp__cord:focus{outline:none}.lamp__cord.is-dragging{cursor:grabbing}.lamp__cord:focus-visible path:first-child{stroke:#ffd79a;stroke-width:2.4}.lamp__hint{position:absolute;top:48%;left:74%;white-space:nowrap;font-size:.75rem;letter-spacing:.08em;color:#f3e9dc80;transition:opacity .4s ease;pointer-events:none;animation:lamp-hint 2.4s ease-in-out infinite}.lamp-card{position:relative;z-index:1;width:min(100%,420px);padding:2rem;border-radius:1.25rem;background:#0e0a08d1;border:1px solid rgba(255,214,160,.12);box-shadow:0 30px 80px #0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transform:translate(28px) scale(.98);visibility:hidden;transition:opacity .6s ease .15s,transform .6s cubic-bezier(.2,.8,.2,1) .15s,visibility 0s linear .75s}.lamp-login.is-on .lamp-card{opacity:1;transform:none;visibility:visible;transition:opacity .6s ease .25s,transform .6s cubic-bezier(.2,.8,.2,1) .25s,visibility 0s}.lamp-card__eyebrow{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:#f3e9dc80}.lamp-login .lamp-card .lamp-card__title{margin-top:.75rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,4vw,2.4rem);line-height:1.1;color:#fbf3e8}.lamp-card__title em{display:block;color:#f3e9dc99}.lamp-card__label{display:block;margin-bottom:.4rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:#f3e9dc8c}.lamp-card__field{position:relative}.lamp-card__field svg.lamp-card__icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#f3e9dc73;pointer-events:none}.lamp-card__input{width:100%;padding:.8rem 3.75rem .8rem 2.5rem;border-radius:.75rem;border:1px solid rgba(255,214,160,.14);background:#ffffff0a;color:#fbf3e8;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.lamp-card__input::-moz-placeholder{color:#f3e9dc4d}.lamp-card__input::placeholder{color:#f3e9dc4d}.lamp-login .lamp-card .lamp-card__input:focus{outline:none;border-color:#f0aa5ab3;box-shadow:0 0 0 3px #f0aa5a2e}.lamp-login .lamp-card button:focus-visible,.lamp-login .lamp-card a:focus-visible{outline:2px solid #f0b46a;outline-offset:2px}.lamp-card__show{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#f3e9dc8c}.lamp-card__show:hover{color:#fbf3e8}.lamp-card__submit{width:100%;padding:.85rem 1rem;border-radius:.75rem;background:linear-gradient(90deg,#f0b46a,#e2903f);color:#2a1608;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 30px #e2903f4d;transition:transform .2s ease,filter .2s ease}.lamp-card__submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.lamp-card__submit:disabled{opacity:.6;cursor:not-allowed}.lamp-card__error{padding:.7rem .85rem;border-radius:.75rem;background:#dc463c26;border:1px solid rgba(220,70,60,.4);color:#ffb4a8;font-size:.875rem}.lamp-login .lamp-card .lamp-card__input[aria-invalid=true]{border-color:#dc463c99}.lamp-card__field-error{margin-top:.35rem;font-size:.8rem;color:#ffb4a8}.lamp-card__links{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:.85rem;color:#f3e9dc8c}.lamp-card__links a{color:#f3e9dcbf;transition:color .2s ease}.lamp-card__links a:hover{color:#f0b46a}.lamp-card__links .lamp-card__link-strong{font-weight:600;color:#f0b46a}.lamp-card__back{display:inline-block;margin-top:1.5rem;font-size:.8rem;color:#f3e9dc73;transition:color .2s ease}.lamp-card__back:hover{color:#fbf3e8}@keyframes lamp-flicker{0%{opacity:0}10%{opacity:.8}14%{opacity:.1}22%{opacity:.9}27%{opacity:.35}40%,to{opacity:1}}@keyframes lamp-hint{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (max-width: 767px){.lamp-login{flex-direction:column;justify-content:flex-start;gap:0;padding-top:3.5rem}.lamp{width:130px;margin-left:-40px}.lamp-login:not(.is-on) .lamp{margin-top:10vh;width:160px}.lamp-login:before{background:radial-gradient(ellipse 80% 40% at 45% 18%,rgba(196,128,60,.45),transparent 70%),linear-gradient(180deg,#3a2414,#24170f 45%,#120c08)}.lamp-card{margin-top:-2.5rem;padding:1.5rem;transform:translateY(24px) scale(.98)}.lamp-login:not(.is-on) .lamp-card{position:absolute}.lamp-login .lamp-card .lamp-card__title{font-size:1.65rem}}@media (prefers-reduced-motion: reduce){.lamp-login.is-on:before,.lamp--on .lamp__cone,.lamp--on .lamp__halo,.lamp__hint{animation:none}.lamp-card,.lamp-login.is-on .lamp-card{transition-duration:.01s;transition-delay:0s}}
