.login-shell{min-height:100vh;display:flex;position:relative;overflow:hidden}.brand-panel{isolation:isolate;color:#fff;background:radial-gradient(at 82% 82%,#b0763c47,#0000 55%),linear-gradient(135deg,#000 0%,#120d07 48%,#2a1c0e 100%);flex-direction:column;flex:60%;justify-content:space-between;padding:56px 64px;display:flex;position:relative;overflow:hidden}.brand-svg{z-index:0;opacity:.55;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.orb{filter:blur(80px);opacity:.4;mix-blend-mode:screen;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.orb-2{background:radial-gradient(circle,#8a5a2a,#0000 70%);width:380px;height:380px;animation:26s ease-in-out infinite alternate drift2;bottom:-120px;right:8%}.orb-3{background:radial-gradient(circle,#c68e54,#0000 70%);width:260px;height:260px;animation:30s ease-in-out infinite alternate drift3;top:50%;left:45%}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,-70px)scale(1.1)}}@keyframes drift3{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-60px)scale(1.2)}}.logo-row{z-index:1;opacity:0;align-items:center;gap:16px;animation:.8s ease-out .1s forwards fadeIn;display:flex;position:relative}.logo-mark{color:#d6a06a;place-items:center;width:56px;height:56px;display:grid;position:relative}.logo-text{font-family:var(--serif);letter-spacing:-.02em;color:#fff;margin-top:4px;font-size:2.1rem;font-weight:600;line-height:1}.hero-login{z-index:1;opacity:0;max-width:580px;animation:.9s cubic-bezier(.16,1,.3,1) .2s forwards fadeUp;position:relative}.hero-login h1{font-family:var(--serif);letter-spacing:-.02em;color:#fff;margin:0 0 22px;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:600;line-height:1.08}.hero-login h1 .accent{background:linear-gradient(135deg,#d6a06a 0%,#c68e54 50% 100%) 0 0/200% 200%;color:#0000;background-clip:text;animation:8s ease-in-out infinite gradientShift;display:block}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-login p{color:#ffffffa6;max-width:520px;margin:0 0 36px;font-size:1.02rem;line-height:1.65}.features{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:580px;display:grid;position:relative}.feature-anim{opacity:0;perspective:800px;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideIn}.feature-anim:first-child{animation-delay:.35s}.feature-anim:nth-child(2){animation-delay:.48s}.feature-anim:nth-child(3){animation-delay:.61s}.feature-anim:nth-child(4){animation-delay:.74s}.feature-card{-webkit-backdrop-filter:blur(14px);transform-style:preserve-3d;will-change:transform;cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:background .35s,border-color .35s,box-shadow .35s,transform .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#b0763c00,#c68e541a 50%,#b0763c00);transition:opacity .35s;position:absolute;inset:0}.feature-card:hover{background:#ffffff12;border-color:#d6a06a4d;box-shadow:0 12px 32px #b0763c2e}.feature-card:hover:before{opacity:1}.feature-icon{color:#d6a06a;background:linear-gradient(135deg,#b0763c38,#8a5a2a38);border:1px solid #d6a06a33;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.feature-title{color:#fff;margin-bottom:2px;font-size:.92rem;font-weight:700}.feature-desc{color:#ffffff8c;font-size:.78rem;line-height:1.45}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer-line{z-index:1;color:#ffffff73;opacity:0;align-items:center;gap:10px;font-size:.76rem;animation:.8s ease-out .9s forwards fadeIn;display:flex;position:relative}.pulse-dot{background:#d6a06a;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 #d6a06ab3}@keyframes pulse{0%,to{box-shadow:0 0 #d6a06a8c}50%{box-shadow:0 0 0 10px #d6a06a00}}.form-side{--mx:50%;--my:50%;background:#edf2f8;flex:40%;justify-content:center;align-items:center;min-width:0;padding:40px;display:flex;position:relative}.form-side:before{content:"";background:radial-gradient(420px circle at var(--mx) var(--my), #b0763c1a, transparent 60%);pointer-events:none;transition:background .15s;position:absolute;inset:0}.form-card{-webkit-backdrop-filter:blur(22px)saturate(180%);background:#ffffffa6;border:1px solid #fffc;border-radius:22px;width:100%;max-width:440px;padding:36px 32px;animation:.6s cubic-bezier(.16,1,.3,1) fadeUp;position:relative;box-shadow:0 30px 60px -20px #14325026,0 12px 24px -8px #14325014,inset 0 1px #ffffffe6}.mobile-logo{align-items:center;gap:12px;margin-bottom:24px;display:none}.mobile-logo-mark{color:#b0763c;place-items:center;width:44px;height:44px;display:grid}.mobile-logo-name{letter-spacing:-.02em;background:linear-gradient(135deg,#b0763c 0%,#8a5a2a 100%);color:#0000;background-clip:text;font-size:1.4rem;font-weight:800;line-height:1}.badge{color:#b0763c;background:#b0763c1a;border:1px solid #b0763c2e;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.badge .live-dot{background:#b0763c;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse-small}@keyframes pulse-small{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.form-title{letter-spacing:-.02em;color:#1c1d22;margin:0 0 8px;font-size:1.95rem;font-weight:800}.form-subtitle{color:#8c887f;margin:0;font-size:.92rem;line-height:1.5}.form-grid{flex-direction:column;gap:18px;margin-top:28px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-row{justify-content:space-between;align-items:baseline;display:flex}.form-label{color:#1c1d22;font-size:.84rem;font-weight:600}.form-input{color:#1c1d22;-webkit-backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #5082aa2e;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s}.form-input::placeholder{color:#a7a39b}.input-wrap{position:relative}.input-wrap .form-input{padding-right:46px}.pw-toggle{color:#8c887f;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{color:#b0763c;background:#b0763c14}.pw-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #b0763c40}.form-input:hover{background:#ffffffb3;border-color:#b0763c59}.form-input:focus{background:#ffffffeb;border-color:#b0763c99;box-shadow:0 0 0 4px #b0763c24}.link-button{cursor:pointer;color:#b0763c;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.link-button:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.link-button:hover{color:#8a5a2a}.link-button:hover:after{transform-origin:0;transform:scaleX(1)}.btn-login{color:#fff;letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#b0763c 0%,#8a5a2a 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #b0763c52}.btn-login:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);width:50%;height:100%;transition:left .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:-75%;transform:skew(-20deg)}.btn-login:hover{transform:translateY(-1px);box-shadow:0 14px 32px #b0763c66}.btn-login:hover:before{left:125%}.btn-login:hover .arrow{transform:translate(3px)}.btn-login:active{transform:translateY(0)}.arrow{transition:transform .25s}.below-form{text-align:center;color:#a7a39b;margin-top:24px;font-size:.82rem}.below-form-accent{color:#b0763c;cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.below-form-accent:hover{color:#8a5a2a}@media (width<=1024px){.brand-panel{padding:40px 36px}}@media (width<=860px){.brand-panel{display:none}.mobile-logo{display:flex}.form-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){.orb,.pulse-dot,.badge .live-dot,.hero-login h1 .accent{animation:none}}