html{scroll-behavior:smooth}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(187,91,50,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(138,210,235,.1),transparent 50%),linear-gradient(180deg,hsla(0,0%,100%,.6),transparent 30%),#f6f1e8}.login-bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.login-shape{position:absolute;border-radius:50%;opacity:.4}.login-shape-1{width:500px;height:500px;top:-200px;right:-100px;background:radial-gradient(circle,rgba(187,91,50,.15),transparent 70%);filter:blur(80px)}.login-shape-2{width:400px;height:400px;bottom:-150px;left:-100px;background:radial-gradient(circle,rgba(138,210,235,.2),transparent 70%);filter:blur(60px)}.login-shape-3{width:300px;height:300px;top:40%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,hsla(20,66%,87%,.5),transparent 70%);filter:blur(100px)}.login-nav{justify-content:space-between;padding:24px 48px;animation:fadeIn .6s ease both}.login-nav,.login-nav-brand{display:flex;align-items:center}.login-nav-logo{gap:10px;font-family:var(--font-headline),serif;font-size:1.4rem;color:var(--ink);letter-spacing:-.02em}.login-nav-cta,.login-nav-logo{display:flex;align-items:center;font-weight:600}.login-nav-cta{gap:8px;padding:10px 20px;border-radius:12px;background:var(--accent);color:#fff;font-size:.9rem;text-decoration:none;transition:all .2s ease}.login-nav-cta:hover{background:var(--accent-deep);transform:translateY(-1px)}.login-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(440px,100%);padding:48px 40px;background:rgba(255,252,247,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(187,91,50,.12);border-radius:32px;box-shadow:0 26px 70px rgba(79,54,36,.1),0 8px 24px rgba(79,54,36,.06);opacity:0;transform:scale(.95);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.login-card.mounted{opacity:1;transform:scale(1)}.login-logo-section{display:flex;justify-content:center;margin-bottom:32px;animation:fadeSlideUp .6s ease .1s both}.login-logo-icon{animation:float 4s ease-in-out infinite}.login-logo-icon svg{filter:drop-shadow(0 8px 24px rgba(187,91,50,.3))}.login-headline{text-align:center;margin-bottom:32px;animation:fadeSlideUp .6s ease .2s both}.login-headline h1{font-family:var(--font-headline),serif;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:600;color:var(--ink);margin:0 0 12px;letter-spacing:-.03em;line-height:1.1}.login-headline p{font-size:1rem;color:var(--muted);margin:0;line-height:1.5}.login-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;animation:fadeSlideUp .6s ease .3s both}.login-benefit{display:flex;align-items:center;gap:14px;padding:14px 18px;background:hsla(0,0%,100%,.6);border:1px solid rgba(187,91,50,.08);border-radius:16px;transition:all .2s ease}.login-benefit:hover{background:hsla(0,0%,100%,.9);transform:translateX(4px);border-color:rgba(187,91,50,.16)}.login-benefit-icon{font-size:1.2rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:10px}.login-benefit-text{flex:1 1}.login-benefit-text strong{display:block;color:var(--ink);font-size:.9rem;font-weight:600;margin-bottom:2px}.login-benefit-text span{color:var(--muted);font-size:.8rem}.login-divider{display:flex;align-items:center;gap:16px;margin:24px 0;animation:fadeIn .4s ease .4s both}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(187,91,50,.2),transparent)}.login-divider span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.login-button{width:100%;padding:16px 24px;border:none;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px rgba(187,91,50,.25),inset 0 1px 0 hsla(0,0%,100%,.15);animation:fadeSlideUp .6s ease .5s both;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%);transition:transform .5s ease}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(187,91,50,.35),inset 0 1px 0 hsla(0,0%,100%,.2)}.login-button:hover:before{transform:translateX(100%)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed}.login-button.loading{background:linear-gradient(135deg,var(--muted),#4a5568)}.login-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-terms{text-align:center;margin-top:20px;color:var(--muted);font-size:.78rem;line-height:1.6;animation:fadeIn .4s ease .6s both}.login-terms a{color:var(--accent);text-decoration:none;font-weight:500;transition:color .2s ease}.login-terms a:hover{color:var(--accent-deep);text-decoration:underline}.login-trust{display:flex;justify-content:center;gap:24px;margin-top:24px;animation:fadeIn .4s ease .7s both}.login-trust-item{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.login-trust-item svg{color:var(--success)}.login-footer{padding:24px;text-align:center;animation:fadeIn .4s ease .8s both}.login-footer p{margin:0;color:var(--muted);font-size:.8rem}.login-button:focus-visible,.login-nav-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:540px){.login-nav{padding:20px 24px}.login-card{padding:36px 28px;border-radius:24px}.login-logo-icon svg{width:32px;height:32px}.login-headline h1{font-size:1.6rem}.login-benefits{gap:10px}.login-benefit{padding:12px 14px}.login-button{padding:14px 20px;font-size:.95rem}.login-trust{flex-direction:column;align-items:center;gap:8px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.login-card{transform:none}.login-logo-icon{animation:none}}