.login-page{background:radial-gradient(circle at 30% 20%,#101738,#0f172a,#020617);display:flex;height:100vh;overflow:hidden;perspective:1500px;width:100vw}.brand-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:55%;z-index:10}.brand-section:before{animation:rotateLight 20s linear infinite;background:radial-gradient(circle at 50% 50%,#06b6d426,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}@keyframes rotateLight{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.brand-content{text-align:center;transform:rotateY(10deg) rotateX(5deg);transform-style:preserve-3d}.brand-logo{animation:float3D 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4));height:auto;width:280px;z-index:2}@keyframes float3D{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.system-name{color:#fff;font-size:54px;font-weight:900;letter-spacing:4px;margin-bottom:12px;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.form-section{align-items:center;background:linear-gradient(270deg,#0f172acc,#0000);display:flex;height:100%;justify-content:center;position:relative;width:45%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e293bb3,#0f172ae6);border:1px solid #ffffff1a;border-radius:32px;border-top-color:#fff3;box-shadow:-20px 20px 60px #00000080,inset 0 1px 0 #ffffff1a;max-width:420px;padding:48px;transform:rotateY(-5deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.login-card:hover{border-color:#06b6d44d;transform:rotateY(0deg) scale(1.02)}.login-header{margin-bottom:35px;text-align:center}.login-header h2{color:#fff;font-size:3.2rem;font-weight:900;letter-spacing:-1px;margin-bottom:15px;text-shadow:2px 2px 4px #00000080}.login-header p{color:#fff9;font-size:1.1rem;font-weight:500}.input-group{background:#0f172a99;border:1px solid #ffffff0d;border-radius:16px;box-shadow:inset 2px 2px 5px #00000080,inset -1px -1px 2px #ffffff0d;height:64px;margin-bottom:20px;overflow:hidden;padding:0;position:relative;transition:all .3s}.input-group,.input-group label{align-items:center;cursor:text;display:flex}.input-group label{height:100%;padding:0 20px;width:100%}.input-group input{background:#0000!important;border:none!important;color:#fff!important;cursor:text;flex:1 1;font-size:1.1rem;height:100%;outline:none!important;padding-left:10px;width:100%}.input-group:focus-within{background:#0f172acc;border-color:#06b6d4;box-shadow:0 0 15px #06b6d433}button[type=submit]{background:linear-gradient(135deg,var(--brand-cyan),var(--brand-blue));border:none;border-radius:16px;box-shadow:0 10px 20px -5px #06b6d480,inset 0 2px 0 #fff3;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-top:16px;padding:18px;text-transform:uppercase;transition:all .2s;width:100%}button[type=submit]:hover{box-shadow:0 15px 30px -5px #06b6d499,inset 0 2px 0 #fff3;transform:translateY(-3px)}button[type=submit]:active{box-shadow:0 5px 10px -5px #06b6d480;transform:translateY(1px)}.login-card button[type=submit]:after{background:radial-gradient(40% 100% at 50% 0,#06b6d48c,#0000 70%);border-radius:20px;bottom:-10px;content:"";filter:blur(6px);height:18px;left:12px;pointer-events:none;position:absolute;right:12px}.error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;box-shadow:0 4px 10px #0000001a;color:#ef4444;margin-top:20px;padding:12px;text-align:center}.support-hint{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #ffffff26;border-radius:14px;bottom:40px;box-shadow:0 15px 35px #0006,0 0 15px #06b6d433;color:#94a3b8;display:inline-flex;gap:8px;left:40px;padding:12px 18px;position:fixed;transition:all .3s;z-index:1000}.support-hint:hover{border-color:#06b6d4;box-shadow:0 15px 35px #00000080,0 0 20px #06b6d466}.support-trigger{color:#06b6d4;cursor:pointer;font-weight:600;text-decoration:underline;text-shadow:0 0 10px #06b6d480}.support-trigger:hover{color:#22d3ee}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.support-modal-rect{animation:slideUp .4s ease-out;background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;max-width:500px;padding:32px;position:relative;width:90%}.modal-header{margin-bottom:24px}.modal-header h3{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:6px}.modal-header p{color:#94a3b8;font-size:.9rem}.close-modal{align-items:center;background:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:28px;z-index:10}.close-modal:hover{background:#e2e8f0;transform:scale(1.1)}.support-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.support-form input,.support-form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#1e293b;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.support-form textarea{min-height:100px;resize:vertical}.submit-support{align-items:center;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px;text-transform:uppercase;transition:all .3s;width:100%}.submit-support:hover{filter:brightness(1.1);transform:translateY(-1px)}.status-msg{border-radius:6px;font-size:.85rem;padding:10px;text-align:center}.status-msg.success{background:#22c55e1a;color:#22c55e}.status-msg.error{background:#ef44441a;color:#ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.login-page{flex-direction:column}.brand-section{align-items:center;display:flex;height:32%;justify-content:center;padding-top:24px;width:100%}.brand-content{transform:none}.brand-logo{margin-bottom:12px;width:100px}.brand-title{font-size:2rem;letter-spacing:-1px;margin-bottom:8px}.brand-subtitle{font-size:.95rem}.form-section{background:none;height:68%;width:100%}.login-card{margin:0 12px;transform:none;width:calc(100% - 24px)}}:root{--brand-cyan:#06b6d4;--brand-blue:#3b82f6;--brand-indigo:#6366f1;--brand-ice:#e0f2fe;--brand-dark:#0f172a;--bg-gradient:linear-gradient(135deg,#0f172a,#1e1b4b);--card-bg:#ffffff08;--card-border:#ffffff26;--shadow-3d:0 10px 30px -5px #00000080,0 4px 6px -4px #0000004d;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-blur:blur(12px);--radius-3d:24px}body{background:linear-gradient(135deg,#0f172a,#1e1b4b);background:var(--bg-gradient);color:#f8fafc;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#e0f2fe);background:linear-gradient(to bottom,var(--brand-cyan),var(--brand-ice));border:2px solid #0000004d;border-radius:5px}.card-3d{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(145deg,#ffffff14,#ffffff03);border-left:1px solid #ffffff26;border-top:1px solid #ffffff26;border-color:#ffffff4d #ffffff26 #ffffff26 #fff3;border-radius:24px;border-radius:var(--radius-3d);border-style:solid;border-width:1px;box-shadow:20px 20px 60px #00000080,-5px -5px 20px #ffffff05,inset 0 0 20px #ffffff05}.btn-3d{background:linear-gradient(135deg,#06b6d4,#3b82f6);background:linear-gradient(135deg,var(--brand-cyan),var(--brand-blue));border:none;border-radius:12px;box-shadow:0 10px 20px -5px #06b6d480,inset 0 2px 0 #fff3;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;text-shadow:0 1px 2px #0003;transition:transform .2s,box-shadow .2s}.btn-3d:hover{box-shadow:0 15px 30px -5px #06b6d499,inset 0 2px 0 #fff6;transform:translateY(-2px)}.btn-3d:active{box-shadow:0 5px 10px -5px #06b6d480;transform:translateY(1px)}
/*# sourceMappingURL=main.203c56bf.css.map*/