
/* V145: native HTML/CSS 3D glass mirror login; no screenshot-as-form. */
.md145-page{position:relative!important;isolation:isolate;display:grid!important;place-items:center;min-height:100dvh!important;overflow:hidden!important;background:#eaf5f5!important;padding:36px 14px!important}
.md145-background{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 49% 48%,#faffff 0%,#e7f4f2 54%,#d4eced 100%)}
.md145-background:before,.md145-background:after{content:"";position:absolute;left:-20%;width:140%;height:160px;top:20%;border:3px solid #ffffff8c;border-radius:50%;transform:rotate(-11deg);filter:blur(1px);box-shadow:0 0 40px #fff}
.md145-background:after{top:70%;transform:rotate(12deg)}
.md145-aura{position:absolute;width:48vw;height:48vw;border-radius:50%;background:#8be1bb55;filter:blur(100px);right:-12%;top:-24%}.md145-aura.second{background:#b1d9fe99;left:-18%;top:58%;right:auto}
.md145-decoration{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(#fff 2px,transparent 5px);background-size:130px 127px}
.md145-back{position:absolute;z-index:2;top:20px;right:25px;display:inline-block;padding:9px 16px;background:#ffffffc7;border:1px solid #b8e1da;border-radius:22px;color:#075746;text-decoration:none;font-size:13px}
.md145-scene{position:relative;width:min(760px,96vw);display:grid;place-items:center;perspective:1200px}
.md145-mirror{position:relative;width:min(650px,88vw);aspect-ratio:1/1;border-radius:50%;padding:clamp(15px,3vw,31px);background:linear-gradient(124deg,#efffff 2%,#6e9d93 9%,#fafffd 16%,#205b52 27%,#eafffb 42%,#477d7a 59%,#fff 77%,#1d645b 91%,#ecfff9 99%);box-shadow:0 24px 55px #20685d32,inset 0 0 6px #03362d,0 0 0 2px #517e7c;transform:rotateY(-3deg);transition:transform .45s ease}
.md145-mirror:hover{transform:rotateY(0)}
.md145-mirror:before{content:"";position:absolute;inset:9px;border:2px solid #f6fffc;border-radius:50%;pointer-events:none;z-index:3;box-shadow:inset 0 0 18px #76e2b78c,0 0 12px #8be9cf80}
.md145-inner{height:100%;width:100%;border-radius:50%;background:linear-gradient(136deg,#ffffffcf,#d8f4eabf 55%,#effff7c9);backdrop-filter:blur(18px);box-shadow:inset 14px 18px 28px #ffffffc2,inset -13px -12px 35px #65b69e51;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px clamp(30px,7.4vw,100px);text-align:center;position:relative;z-index:1}
.md145-symbol{color:#008d70;font-size:25px;line-height:1}
.md145-inner h1{font-size:clamp(19px,2.3vw,29px);color:#034c3b;margin:2px 0 4px;font-weight:850}
.md145-lead{font-size:clamp(10px,1vw,13px);color:#516c66;margin:0 0 12px}
.md145-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:50px;background:#dce9e7bb;padding:4px;margin-bottom:10px;gap:3px}
.md145-tabs button{border:0;border-radius:40px;background:transparent;color:#275c50;font:700 14px inherit;cursor:pointer;padding:8px}
.md145-tabs button.selected{background:#fff;color:#006d52;box-shadow:0 2px 13px #62aa9588}
.md145-form{width:100%;display:flex;flex-direction:column;gap:7px}
.md145-input-label{display:flex;flex-direction:column;gap:3px;align-items:stretch;text-align:right;color:#30594e;font-size:11px}
.md145-input-label>input,.md145-input-label>select,.md145-password-row{box-sizing:border-box;width:100%;height:41px;border:1px solid #c6dad5;border-radius:12px;background:#ffffffeb;color:#264a43;padding:0 13px;font:13px inherit;outline:none}
.md145-input-label input:focus,.md145-input-label select:focus,.md145-password-row:focus-within{outline:none!important;border-color:#c6dad5!important;box-shadow:none!important}
.md145-password-row{display:flex;align-items:center;padding:0 10px 0 4px}
.md145-password-row input{width:100%;height:100%;border:0!important;background:transparent;outline:none!important;box-shadow:none!important;font:inherit}
.md145-eye{background:none;border:0;color:#2e7567;cursor:pointer;font-size:18px}
.md145-extras{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;margin:3px 0}
.md145-extras label{display:flex;align-items:center;gap:5px}.md145-extras button{border:0;background:none;color:#007e67;cursor:pointer;font-size:10px}
.md145-submit{border:none;border-radius:13px;background:linear-gradient(110deg,#00bc92,#005944);color:#fff;min-height:44px;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 8px 22px #00896b44}.md145-submit span{padding-inline-start:12px}
.md145-divider{color:#5e8380;font-size:11px;margin:5px 0}
.md145-secondary{width:100%;border:1.5px solid #006e55;color:#075e4b;border-radius:12px;background:#ffffff9c;height:42px;cursor:pointer;font-weight:750}
.md145-disclaimer{color:#54726e;font-size:9px;margin:8px 0 0}
.md145-handle{position:absolute;width:43%;height:57px;background:repeating-linear-gradient(95deg,#fff 0px,#64847e 3px,#193b39 5px,#bacfc8 8px);border:5px solid #8daba2;border-radius:15px;z-index:-1;left:78%;bottom:8%;transform:rotate(37deg);transform-origin:left center;box-shadow:3px 9px 20px #547c735e}
@media(max-width:680px){
.md145-page{padding:70px 9px 30px!important;overflow-x:hidden!important;overflow-y:auto!important}
.md145-scene{width:100%;perspective:none}.md145-mirror{width:min(540px,97vw);aspect-ratio:auto;border-radius:48px;transform:none!important;padding:9px}
.md145-mirror:before{inset:5px;border-radius:43px}.md145-inner{border-radius:40px;padding:27px 22px;min-height:530px}
.md145-inner h1{font-size:21px}.md145-lead{font-size:11px}.md145-handle{display:none}
}
@media(prefers-reduced-motion:reduce){.md145-mirror{transition:none}}
