*{box-sizing:border-box}body{background:#f5f5f5;margin:0;font-family:Arial,sans-serif}#root{min-height:100vh}.masapp-login-page{z-index:9999;background:radial-gradient(circle at 15% 20%,#2563eb61,#0000 34%),radial-gradient(circle at 82% 82%,#0ea5e933,#0000 28%),linear-gradient(135deg,#020617 0%,#0f172a 55%,#172554 100%);grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);width:100%;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.masapp-login-brand{color:#fff;flex-direction:column;justify-content:center;min-height:100vh;padding:64px;display:flex;position:relative;overflow:hidden}.masapp-login-brand:before{content:"";border:1px solid #60a5fa38;border-radius:50%;width:520px;height:520px;position:absolute;top:-170px;right:-180px}.masapp-login-brand:after{content:"";border:1px solid #38bdf82e;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-180px;left:-120px}.masapp-logo-box{z-index:2;background:linear-gradient(145deg,#2563eb,#0284c7);border-radius:25px;place-items:center;width:98px;height:98px;margin-bottom:24px;display:grid;position:relative;box-shadow:0 24px 60px #2563eb61,inset 0 1px #ffffff3d}.masapp-logo-box svg{width:62px;height:62px}.masapp-brand-title{z-index:2;letter-spacing:-4px;background:linear-gradient(90deg,#fff,#bfdbfe,#38bdf8);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(56px,6vw,94px);font-weight:950;line-height:.95;position:relative}.masapp-brand-subtitle{z-index:2;color:#bfdbfe;margin-top:20px;font-size:clamp(18px,2vw,28px);font-weight:800;position:relative}.masapp-brand-description{z-index:2;color:#94a3b8;max-width:680px;margin:16px 0 0;font-size:16px;line-height:1.75;position:relative}.masapp-feature-list{z-index:2;flex-wrap:wrap;gap:10px;margin-top:28px;display:flex;position:relative}.masapp-feature-chip{color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a85;border:1px solid #94a3b840;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:750}.masapp-login-side{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafcf5;place-items:center;min-height:100vh;padding:32px;display:grid}.masapp-login-card h2{color:#0f172a;letter-spacing:-.7px;margin:0;font-size:31px;font-weight:900}.masapp-login-card .masapp-login-caption{color:#64748b;margin:8px 0 24px;font-size:14px;line-height:1.6}.masapp-login-card input{color:#0f172a;width:100%;min-height:52px;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:11px;outline:none;margin-bottom:13px;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s}.masapp-login-card input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.masapp-login-button{color:#fff;width:100%;min-height:52px;font:inherit;letter-spacing:.4px;cursor:pointer;background:linear-gradient(90deg,#2563eb,#0284c7);border:0;border-radius:11px;margin-top:3px;font-weight:850;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 12px 24px #2563eb40}.masapp-login-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2563eb52}.masapp-login-security{color:#64748b;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:12px;font-weight:650;display:flex}@media (width<=900px){.masapp-login-page{grid-template-columns:1fr}.masapp-login-brand{text-align:center;align-items:center;min-height:auto;padding:42px 24px 30px}.masapp-brand-title{letter-spacing:-2px;font-size:52px}.masapp-brand-subtitle{font-size:19px}.masapp-brand-description{display:none}.masapp-feature-list{justify-content:center}.masapp-login-side{background:0 0;min-height:auto;padding:20px 18px 42px}.masapp-login-card{border-radius:20px;padding:28px 22px}}.masapp-login-page{z-index:9999;background:radial-gradient(circle at 12% 18%,#2563eb52,#0000 32%),radial-gradient(circle at 78% 82%,#0ea5e92e,#0000 30%),linear-gradient(135deg,#020617 0%,#0f172a 55%,#172554 100%);grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.masapp-login-page *,.masapp-login-page :before,.masapp-login-page :after{box-sizing:border-box}.masapp-login-visual{align-content:center;justify-items:center;gap:26px;min-height:100vh;padding:clamp(28px,4vw,64px);display:grid;position:relative;overflow:hidden}.masapp-login-visual:before,.masapp-login-visual:after{content:"";pointer-events:none;border:1px solid #93c5fd2e;border-radius:50%;position:absolute}.masapp-login-visual:before{width:520px;height:520px;top:-240px;right:-160px}.masapp-login-visual:after{width:400px;height:400px;bottom:-210px;left:-180px}.masapp-login-image-frame{z-index:2;background:#ffffff14;border:1px solid #93c5fd57;border-radius:34px;width:min(100%,590px);padding:8px;animation:.8s ease-out both masappLoginEnter;position:relative;overflow:hidden;box-shadow:0 34px 85px #00000070,0 0 70px #2563eb33}.masapp-login-image{aspect-ratio:1;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:26px;width:100%;transition:transform .45s,filter .45s;display:block}.masapp-login-image-frame:hover .masapp-login-image{filter:brightness(1.04);transform:scale(1.015)}.masapp-login-brand-copy{z-index:2;color:#fff;width:min(100%,590px);position:relative}.masapp-login-brand-copy h1{letter-spacing:-3px;background:linear-gradient(90deg,#fff,#bfdbfe,#38bdf8);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(46px,5vw,76px);font-weight:950;line-height:.95}.masapp-login-brand-copy h2{color:#bfdbfe;margin:15px 0 0;font-size:clamp(17px,1.8vw,24px)}.masapp-login-brand-copy p{color:#94a3b8;max-width:650px;margin:12px 0 0;line-height:1.7}.masapp-login-feature-list{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.masapp-login-feature-list span{color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a85;border:1px solid #94a3b83d;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}.masapp-login-form-side{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafcf7;place-items:center;min-height:100vh;padding:32px;display:grid}.masapp-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:26px;width:min(100%,460px);padding:38px;box-shadow:0 30px 80px #0f172a2b,0 8px 22px #0f172a14}.masapp-login-mobile-logo{color:#fff;background:linear-gradient(145deg,#2563eb,#0284c7);border-radius:16px;place-items:center;width:58px;height:58px;margin:0 auto 16px;font-size:30px;font-weight:950;display:none;box-shadow:0 14px 30px #2563eb47}.masapp-login-eyebrow{color:#2563eb;letter-spacing:1.7px;margin-bottom:8px;font-size:12px;font-weight:900}.masapp-login-card-heading h2{color:#0f172a;letter-spacing:-.7px;margin:0;font-size:31px;font-weight:900}.masapp-login-card-heading p{color:#64748b;margin:8px 0 26px;font-size:14px;line-height:1.6}.masapp-login-field{color:#334155;gap:7px;margin-bottom:15px;font-size:13px;font-weight:800;display:grid}.masapp-login-field input{color:#0f172a;width:100%;min-height:52px;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:11px;outline:none;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s}.masapp-login-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.masapp-login-submit{color:#fff;width:100%;min-height:52px;font:inherit;letter-spacing:.4px;cursor:pointer;background:linear-gradient(90deg,#2563eb,#0284c7);border:0;border-radius:11px;margin-top:4px;font-weight:850;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #2563eb40}.masapp-login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 30px #2563eb52}.masapp-login-secure{color:#64748b;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:12px;font-weight:650;display:flex}.masapp-login-footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:27px;padding-top:20px;font-size:12px;line-height:1.6}@keyframes masappLoginEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=850px){.masapp-login-page{grid-template-columns:1fr;position:static}.masapp-login-visual{min-height:auto;padding:24px 18px 18px}.masapp-login-image-frame{border-radius:25px;width:min(100%,350px)}.masapp-login-image{border-radius:18px}.masapp-login-brand-copy{text-align:center}.masapp-login-brand-copy h1{letter-spacing:-2px;font-size:44px}.masapp-login-brand-copy h2{margin-top:10px;font-size:17px}.masapp-login-brand-copy p,.masapp-login-feature-list{display:none}.masapp-login-form-side{background:0 0;min-height:auto;padding:16px 18px 38px}.masapp-login-card{border-radius:21px;padding:28px 22px}.masapp-login-mobile-logo{display:grid}}