.tet-login{--tet-ink:#081845;--tet-accent:#b11826;--tet-focus:#081845;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:flex-end;padding:48px clamp(36px,8vw,150px);color:var(--tet-ink);background:#092332}.tet-login-art{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.tet-login-art img{width:100%;height:100%;object-fit:cover;object-position:center}.noel-intro{position:absolute;top:clamp(36px,8vh,90px);left:28%;width:36%;text-align:center;color:#fff;text-shadow:0 2px 12px #041222}.tet-login-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.tet-login-brand img{width:64px;height:64px;filter:drop-shadow(0 2px 7px #0004)}.tet-login-brand strong{font-size:clamp(22px,2.3vw,32px);line-height:1.15;letter-spacing:-.6px;font-weight:650}.tet-login-brand span{font-size:12px;letter-spacing:2.8px}.tet-login-brand:after{content:"";width:36px;height:2px;background:#F26622;margin:6px 0 12px}.tet-login-greeting p{font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3.2vw,48px);font-style:italic;line-height:1.2;color:#ffe4af;margin:0}.tet-login-greeting>span{display:block;font-size:12px;letter-spacing:4px;margin-top:14px;color:#ffe4af}.tet-login-panel{width:326px;max-width:100%;padding:28px;background:#fff7eaf5;border:1px solid #edd7b4;border-radius:20px;box-shadow:0 12px 44px #0003;margin-top:110px}.tet-login-panel h1{font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:600;line-height:1.2;margin:0 0 22px;text-align:center}.tet-login-panel h1:after{content:"";display:block;width:30px;height:2px;margin:13px auto 0;background:#F26622}.tet-login-panel form{display:grid;gap:12px}.tet-login-panel label{position:relative;display:block;min-width:0}.tet-login-panel label svg{position:absolute;top:15px;left:15px;width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none;opacity:.8;pointer-events:none}.tet-login-panel input{display:block;width:100%;min-width:0;height:48px;padding:0 12px 0 43px;border:1px solid #d9cdbb;border-radius:9px;background:#fffcf7;color:#081845;font-size:16px;line-height:1.5;outline:none}.tet-login-panel input::placeholder{color:#62615f;opacity:1}.tet-login-panel input:focus-visible{border-color:var(--tet-focus);outline:2px solid var(--tet-focus);outline-offset:2px}.tet-login-panel button{min-height:48px;border:0;border-radius:9px;padding:10px 18px;background:var(--tet-accent);color:white;font-size:16px;font-weight:650;cursor:pointer}.tet-login-panel button:hover{background:#981321}.tet-login-panel button:focus-visible{outline:3px solid var(--tet-focus);outline-offset:3px}.tet-login-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}.tet-login-dots span{width:5px;height:5px;border-radius:50%;background:#081845;opacity:.25}.tet-login-dots span[data-active=true]{opacity:1;background:#F26622}.tet-login-domain{margin:9px 0 0;text-align:center;font-size:11px;letter-spacing:1px}.tet-login-error{border-radius:8px;padding:10px 12px;margin:0 0 12px;font-size:14px;line-height:1.4;color:#991c25;background:#fff0ed}.tet-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:767px){.tet-login{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0 24px max(48px,env(safe-area-inset-bottom))}.tet-login-art{height:max(620px,76svh);bottom:auto;mask-image:linear-gradient(#000 78%,transparent)}.tet-login-art img{object-position:center top}.noel-intro{top:max(28px,env(safe-area-inset-top));left:20px;width:calc(100% - 40px)}.tet-login-brand{gap:5px}.tet-login-brand img{width:50px;height:50px}.tet-login-brand strong{font-size:23px}.tet-login-brand span{font-size:10px;letter-spacing:2px}.tet-login-brand:after{margin:5px 0 9px}.tet-login-greeting p{font-size:clamp(27px,7.2vw,36px)}.tet-login-greeting>span{font-size:10px;letter-spacing:3px;margin-top:10px}.tet-login-panel{width:100%;max-width:360px;margin-top:max(435px,56svh);padding:21px 22px;border-radius:18px}.tet-login-panel h1{font-size:24px;margin-bottom:17px}.tet-login-panel h1:after{margin-top:10px}.tet-login-panel form{gap:10px}.tet-login-dots{margin-top:14px}}@media (max-width:360px){.tet-login{padding-left:18px;padding-right:18px}.tet-login-panel{padding:20px}}@media (min-width:768px) and (max-width:1050px){.tet-login{padding:32px}.noel-intro{left:8%;width:46%}.tet-login-panel{margin-top:190px;width:310px}}@media (min-width:768px) and (max-height:650px){.tet-login{min-height:650px}}