@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,700&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:'DM Sans',Arial,sans-serif;color:#fff;background:#091126;display:grid;place-items:center;overflow:hidden}.login-bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,#233e87 0,transparent 35%),linear-gradient(135deg,#091126,#15265a)}.login-bg:after{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:50px 50px}.orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.55}.orb-a{width:420px;height:420px;background:#395be7;right:-160px;top:-120px}.orb-b{width:300px;height:300px;background:#06b6d4;left:-100px;bottom:-150px}.login-container{width:min(1040px,92vw);min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;position:relative;z-index:1;border:1px solid #ffffff21;border-radius:28px;overflow:hidden;box-shadow:0 35px 90px #0008;background:#ffffff0d;backdrop-filter:blur(18px)}.brand-panel{padding:70px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:.22em;color:#7dd3fc;font-weight:700}.brand-panel h1{font-size:58px;line-height:1.02;margin:22px 0}.brand-panel em{font-family:'Playfair Display',serif;color:#9cb0ff}.brand-panel p{max-width:440px;color:#c8d2ea;font-size:17px;line-height:1.65}.language-row{display:flex;gap:10px;margin-top:35px}.language-row span{border:1px solid #ffffff30;padding:8px 13px;border-radius:20px;font-size:12px}.form-card{margin:24px;padding:54px 45px;background:#fff;color:#17213d;border-radius:22px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.mark{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#405be8,#0ea5e9);color:#fff;font-weight:800}.form-card h2{font-size:30px;margin:28px 0 5px}.form-card>p{color:#77809a;margin:0 0 32px}.form-card label{display:block;font-weight:600;font-size:13px;margin:18px 0}.form-card input{width:100%;border:1px solid #d9deea;background:#f7f8fc;border-radius:12px;padding:15px;margin-top:8px;outline:none;font-size:15px}.form-card input:focus{border-color:#526bea;box-shadow:0 0 0 3px #526bea18}.form-card button{width:100%;padding:15px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#405be8,#263db7);font-weight:700;font-size:15px;cursor:pointer;display:flex;justify-content:center;gap:12px}.login-error{margin-top:15px;padding:10px;background:#fee2e2;color:#b91c1c;border-radius:10px;text-align:center;font-size:13px}@media(max-width:760px){body{overflow:auto}.login-container{grid-template-columns:1fr;margin:20px auto;min-height:0}.brand-panel{padding:35px 28px 20px}.brand-panel h1{font-size:40px;margin:12px 0}.brand-panel p{font-size:14px}.language-row{margin-top:10px}.form-card{margin:16px;padding:32px 24px}.mark{display:none}}