*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif}body.tetso-access{min-height:100vh;min-height:100dvh;color:#ecf7ff;background:#020914;position:relative;display:flex;flex-direction:column}body.tetso-access:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(2,9,20,.95) 0%,rgba(2,9,20,.80) 55%,rgba(2,9,20,.93) 100%),var(--tetso-backdrop) center center/cover no-repeat;z-index:-1}.tetso-access-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,460px);align-items:center;gap:clamp(24px,6vw,110px);width:min(1360px,100%);margin:auto;padding:clamp(24px,5vw,70px)}.tetso-access-identity{max-width:700px}.tetso-access-logo{width:min(100%,560px);max-height:250px;object-fit:contain;object-position:left center;display:block;filter:drop-shadow(0 0 16px #0a8cbd44)}.tetso-kicker{color:#46c9ef;letter-spacing:.27em;font-size:13px;font-weight:700;margin:18px 0}.tetso-access-identity h1{font-size:clamp(32px,4vw,59px);line-height:1.12;letter-spacing:-.03em;max-width:680px;margin:16px 0}.tetso-tagline{color:#a4c4d9;font-size:18px;letter-spacing:.11em}.tetso-pillars{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.tetso-pillars span{border:1px solid #27516c;border-radius:100px;padding:9px 13px;color:#b8dfef;background:#0a2035c9;font-size:12px}.tetso-access-panel{border:1px solid #25516c;border-radius:20px;padding:clamp(24px,3vw,42px);background:linear-gradient(155deg,#10273ce8,#061423f5);box-shadow:0 25px 80px #0009,0 0 30px #07578222;backdrop-filter:blur(12px)}.tetso-panel-top{font-size:13px;color:#54d2f7;letter-spacing:.17em;font-weight:800;display:flex;justify-content:space-between}.tetso-panel-top span{color:#8caabd;font-weight:500}.tetso-access-panel h2{font-size:30px;margin:26px 0 10px}.tetso-access-panel p{font-size:14px;color:#a9c2d5;line-height:1.7;margin:0 0 28px}.tetso-access-panel form{display:flex;flex-direction:column}.tetso-access-panel label{font-size:13px;font-weight:600;color:#c8e3f1;margin-bottom:8px}.tetso-access-panel input[type=text],.tetso-access-panel input[type=password]{width:100%;height:48px;border:1px solid #37607a;border-radius:8px;background:#071626;color:white;padding:0 14px;font-size:16px;margin-bottom:20px;outline:none}.tetso-access-panel input:focus{border-color:#4ed7ff;box-shadow:0 0 0 3px #38c8f022}.tetso-remember{display:flex;align-items:center;gap:9px;font-weight:400!important;margin:0 0 24px}.tetso-remember input{accent-color:#168dc3}.tetso-access-panel button{border:0;border-radius:9px;background:linear-gradient(100deg,#096ba9,#12a3c5);color:white;font-size:15px;font-weight:700;padding:16px;cursor:pointer;display:flex;justify-content:space-between}.tetso-access-panel button:hover{filter:brightness(1.15)}.tetso-recover{display:block;text-align:center;margin:22px 0;color:#7bdcf7;font-size:13px}.tetso-panel-foot{border-top:1px solid #244357;text-align:center;padding-top:22px;margin-top:25px;color:#7795a9;font-size:12px}.tetso-error{padding:12px;margin-bottom:16px;border:1px solid #a85b5b;border-radius:8px;background:#4c1c27;color:#fff;font-size:13px}.tetso-access-footer{text-align:center;padding:15px 20px;color:#7799ae;font-size:12px}@media(max-width:850px){.tetso-access-layout{grid-template-columns:1fr;gap:26px;max-width:560px;padding:30px 18px}.tetso-access-identity{text-align:center}.tetso-access-logo{height:135px;margin:auto;object-position:center}.tetso-access-identity h1{font-size:30px}.tetso-pillars{justify-content:center}.tetso-kicker{font-size:11px}.tetso-access-panel{padding:24px}.tetso-access-panel h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}