:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#27113e;background:#f4f5f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#fff 0,#f6f7f9 43%,#edf0f4 100%)}button,input,select{font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:min(1440px,96vw);min-height:min(900px,90vh);display:grid;grid-template-columns:36% 64%;background:#fff;border:1px solid #e3e4e9;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(34,20,55,.13)}.login-form-side{padding:62px 76px;display:flex;flex-direction:column}.vista-brand{color:#32114f;width:max-content;line-height:.82;letter-spacing:.34em;margin-bottom:58px}.vista-brand span,.vista-brand strong{display:block}.vista-brand span{font-size:24px}.vista-brand strong{font-size:38px;margin-top:12px;font-weight:500}.login-copy>p{font-size:11px;font-weight:800;letter-spacing:.22em;color:#7a6290;margin:0 0 13px}.login-copy h1{font-size:42px;line-height:1.08;font-weight:400;margin:0;color:#331351}.login-copy>span{display:block;color:#746883;font-size:15px;line-height:1.5;margin:15px 0 34px}form{display:grid;gap:17px}label{font-size:13px;font-weight:700;color:#32164b}.field{margin-top:7px;border:1px solid #d6d3dc;border-radius:7px;height:52px;display:flex;align-items:center;background:#fff;transition:.2s}.field:focus-within{border-color:#6c3b8d;box-shadow:0 0 0 3px rgba(96,50,130,.1)}.field>span{width:46px;text-align:center;color:#9b96a2;font-size:13px}.field input,.field select{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;color:#2f2040;padding:0 12px 0 0}.field select{appearance:none;background:linear-gradient(45deg,transparent 50%,#807887 50%) calc(100% - 17px) 22px/6px 6px no-repeat,linear-gradient(135deg,#807887 50%,transparent 50%) calc(100% - 11px) 22px/6px 6px no-repeat}.field button{height:100%;width:48px;border:0;background:transparent;color:#8a8390;cursor:pointer}.remember{display:flex;align-items:center;gap:9px;font-weight:500;color:#665a70}.remember input{width:18px;height:18px;accent-color:#51206e}.login-error{min-height:18px;margin:-5px 0;color:#a23d53;font-size:12px}.login-button{height:55px;border:0;border-radius:7px;background:linear-gradient(90deg,#4d176d,#351051);color:#fff;font-weight:800;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-shadow:0 9px 22px rgba(67,22,91,.2)}.login-button:hover{filter:brightness(1.08)}.login-button:disabled{opacity:.65;cursor:wait}.login-button b{position:absolute;right:24px;font-size:24px;font-weight:300}.secure-note{text-align:center;font-size:11px;color:#817789;margin-top:25px}.secure-note span{color:#4e8a6f}.login-art{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 0,#75479d 0,transparent 33%),linear-gradient(145deg,#260c3d 0,#351251 48%,#1d0b34 100%);color:#fff}.dot-map{position:absolute;inset:7% 3% 42% 25%;opacity:.32;background-image:radial-gradient(circle,#d8c3ec 1.7px,transparent 1.9px);background-size:9px 9px;mask-image:radial-gradient(ellipse at 60% 46%,#000 0 58%,transparent 72%)}.art-copy{position:absolute;z-index:2;top:21%;left:8%}.art-copy p{font-size:48px;line-height:1.03;font-weight:300;margin:0}.art-copy i{display:block;width:47px;height:2px;background:#fff;margin:28px 0 30px}.art-copy small{font-size:11px;letter-spacing:.3em;color:#d5c8df}.wave{position:absolute;border-radius:50%;border-style:solid;border-color:#75439a;transform:rotate(-10deg)}.wave-one{width:120%;height:48%;left:-18%;bottom:8%;border-width:28px 0 0}.wave-two{width:125%;height:44%;left:-16%;bottom:-3%;border-width:24px 0 0;opacity:.78}.wave-three{width:115%;height:36%;left:-6%;bottom:-10%;border-width:36px 0 0;opacity:.42}.art-signature{position:absolute;z-index:2;right:7%;bottom:8%;text-align:right;letter-spacing:.34em;font-size:12px;line-height:1.8}.art-signature span{font-size:9px;color:#cbbbd7}@media(max-width:980px){.login-card{grid-template-columns:1fr;max-width:560px}.login-art{display:none}.login-form-side{padding:50px}.login-shell{padding:18px}}@media(max-width:520px){.login-form-side{padding:36px 26px}.login-copy h1{font-size:35px}.vista-brand{margin-bottom:42px}}