body{min-height:100dvh;font-family:"Be Vietnam Pro", var(--font-be-vietnam-pro), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:#fff;overflow:hidden;background:#05050a!important}.bg-elements{z-index:0;background:#05050a;position:fixed;inset:0;overflow:hidden}.ambient-light{filter:blur(120px);opacity:.4;border-radius:50%;animation:15s ease-in-out infinite alternate floatLight;position:absolute}.ambient-1{background:#6366f166;width:60vw;height:60vw;top:-25%;left:-15%}.ambient-2{background:#06b6d44d;width:50vw;height:50vw;animation-delay:-7s;bottom:-20%;right:-10%}.ambient-3{background:#a855f74d;width:40vw;height:40vw;animation-delay:-3s;top:20%;right:20%}@keyframes floatLight{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,80px)scale(1.2)}to{transform:translate(-30px,-50px)scale(.9)}}.cyber-grid{background-image:linear-gradient(#6366f114 1px,#0000 1px),linear-gradient(90deg,#6366f114 1px,#0000 1px);background-size:60px 60px;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute;inset:-50%;transform:perspective(1000px)rotateX(60deg)translateY(-100px)translateZ(-200px);-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 60%);mask-image:radial-gradient(circle,#000 10%,#0000 60%)}@keyframes gridMove{0%{transform:perspective(1000px)rotateX(60deg)translateY(0)translateZ(-200px)}to{transform:perspective(1000px)rotateX(60deg)translateY(60px)translateZ(-200px)}}.particles-container{z-index:1;position:absolute;inset:0}.particle{background:#fff;border-radius:50%;width:2px;height:2px;animation:linear infinite particleRise;position:absolute;box-shadow:0 0 10px #fff,0 0 20px #6366f1}@keyframes particleRise{0%{opacity:0;transform:translateY(100vh)scale(0)}50%{opacity:1}to{opacity:0;transform:translateY(-10vh)scale(1)}}.login-wrapper{z-index:10;width:100%;height:100dvh;display:flex;position:relative}.login-aside{background:linear-gradient(90deg,#090914cc 0%,#0000 100%);border-right:1px solid #ffffff08;flex:1.4;justify-content:center;align-items:center;padding:80px;display:flex}.login-section{z-index:10;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.fixory-title{color:#fff;font-size:48px;line-height:1}.brand-line{background-color:#6366f1;width:48px;height:4px;margin-top:1rem;margin-bottom:1rem}.tech-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;font-size:.875rem;display:grid}.dev-signature-wrapper{flex-direction:column;gap:24px;margin-top:auto;padding-top:80px;display:flex}.login-card{-webkit-backdrop-filter:blur(40px);background:#0a0a1266;border:1px solid #ffffff14;border-radius:40px;width:100%;max-width:480px;padding:60px;position:relative;overflow:hidden;box-shadow:0 50px 100px -20px #000c,inset 0 0 0 1px #ffffff0d}.animate-pro-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards proFadeIn}@keyframes proFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.corner-accent{color:#ffffff4d;letter-spacing:.4em;z-index:100;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;position:fixed}.corner-tr{top:40px;right:40px}.corner-bl{bottom:40px;left:40px}.pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;margin-right:8px;animation:2s infinite statusPulse;display:inline-block;box-shadow:0 0 10px #10b981}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}input:focus{outline:none!important}.input-label{font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro", sans-serif;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;padding-left:2px;font-size:10px;font-weight:800;display:block}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-field-wrapper i:not(.peek-toggle-pass){color:var(--primary);opacity:.6;font-size:14px;position:absolute;left:18px}.input-field-wrapper input{color:#fff;width:100%;font-family:var(--font-be-vietnam-pro), "Be Vietnam Pro", sans-serif;-webkit-appearance:none;appearance:none;background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;outline:none;padding:16px 16px 16px 50px;font-size:14px;transition:all .3s}.input-field-wrapper input:focus{border-color:var(--primary);background:#0006;box-shadow:0 0 20px #5d44ff1a}.peek-toggle-pass{color:var(--text-muted);cursor:pointer;user-select:none;padding:8px;font-size:14px;transition:color .2s;position:absolute;right:18px}.peek-toggle-pass:hover{color:#fff}#pinDots div{box-shadow:0 0 15px #0000}#pinDots div.bg-primary{box-shadow:0 0 15px #6366f166}.btn-login{background:linear-gradient(135deg, var(--primary) 0%, #4020d6 100%);color:#fff;letter-spacing:.2em;cursor:pointer;width:100%;box-shadow:0 10px 30px var(--primary-glow);border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:18px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.btn-login:hover{box-shadow:0 15px 40px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@media (max-width:1100px){.login-aside{display:none}.login-section{flex:1;padding:20px}.login-card{border-radius:30px;padding:40px 30px}}@media (max-width:480px){.login-wrapper{align-items:center}.login-card{background:#0a0a12cc;border-radius:24px;padding:35px 24px}.corner-accent{display:none}}