*{box-sizing:border-box}.auth-page{background:radial-gradient(circle at 0 0,#fff4e9 0%,#fffaf5 45%,#fff 100%);width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";filter:blur(120px);pointer-events:none;background:#ff7a1a14;border-radius:50%;width:600px;height:600px;position:absolute;top:-250px;left:-250px}.auth-page:after{content:"";filter:blur(120px);pointer-events:none;background:#ff7a1a0d;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;right:-200px}.login-container{z-index:10;justify-content:flex-end;align-items:center;width:100%;height:100vh;padding-right:80px;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(30px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:28px;flex-direction:column;width:100%;max-width:470px;padding:40px;transition:all .3s;display:flex;box-shadow:0 30px 80px #00000014,0 0 60px #ff8a1f1f}.auth-card:hover{transform:translateY(-4px)}.login-header{text-align:center;color:#ff7a1a;margin-bottom:30px;font-size:34px;font-weight:700}.form-group{margin-bottom:18px;position:relative}.form-group input{background:#fff;border:1px solid #e6e6e6;border-radius:14px;width:100%;height:56px;padding:0 50px 0 48px;font-size:15px;transition:all .25s}.form-group input:focus{border-color:#ff7a1a;outline:none;box-shadow:0 0 0 4px #ff7a1a1f}.input-icon{font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.password-toggle{cursor:pointer;opacity:.7;transition:all .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{opacity:1}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9d4d,#ff7a1a);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:60px;margin-top:12px;font-size:18px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 12px 24px #ff7a1a40}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #ff7a1a59}.auth-btn:disabled{opacity:.8;cursor:not-allowed}.spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.forgot-password{text-align:right;margin-top:14px}.forgot-password a{color:#ff7a1a;font-weight:600;text-decoration:none}.auth-footer{text-align:center;color:#666;margin-top:24px;font-size:14px}.auth-footer a{color:#ff7a1a;font-weight:600;text-decoration:none}.scene-wrapper{z-index:1;width:100%;height:100%;position:absolute;inset:0}.scene-wrapper canvas{position:absolute;inset:0}.floating-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);pointer-events:none;background:#ffffffbf;border:1px solid #fff9;border-radius:24px;min-width:220px;padding:22px;animation:8s ease-in-out infinite float;position:absolute;box-shadow:0 15px 40px #0000000f,0 0 25px #ff8a1f14}.floating-card span{color:#8a8a8a;font-size:13px;display:block}.floating-card h3{color:#1f2937;margin:10px 0 4px;font-size:24px;font-weight:700}.floating-card p{color:#16a34a;font-weight:700}.revenue{top:10%;left:8%}.orders{top:15%;left:42%}.vendors{bottom:22%;left:42%}.customers{bottom:10%;left:12%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}@media (max-width:1380px){.orders{top:15%;left:38%}.vendors{bottom:20%;left:35%}}@media (max-width:1200px){.scene-logo{width:550px;height:550px}}@media (max-width:1160px){.orders{top:15%;left:32%}}@media (max-width:1080px){.vendors{bottom:20%;left:30%}}@media (max-width:1000px){.orders,.vendors{display:none}.login-container{padding-right:32px}}@media (max-width:1200px){.floating-card{min-width:170px}}@media (max-width:992px){.login-container{justify-content:center;padding:24px}.scene-logo{width:350px;height:350px;left:50%}.floating-card{display:none}}.scene-logo{opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;width:700px;height:700px;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%)}.scene-logo-image{object-fit:contain}.login-brand img{width:170px;height:auto}.login-brand p{color:#6b7280;margin-top:12px;font-size:14px}