:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f1f3f7;background:#090b10;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;isolation:isolate}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #a8cbff;outline-offset:4px}.entry-art{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;z-index:-3;opacity:.29}.ambient{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 46%,#090b1070 15%,#090b10e6 88%),linear-gradient(90deg,#090b1077,transparent 70%)}.topline,footer{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;color:#9b9fab;font-size:11px}.edition{font-size:10px;letter-spacing:.24em;font-weight:600}.access{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.02em}.access i{width:5px;height:5px;background:#a6c9b5;border-radius:50%;box-shadow:0 0 14px #a6c9b540}main{flex:1;display:grid;place-items:center;padding:34px 24px 44px}.login-card{width:min(100%,436px);padding:43px 37px 29px;background:linear-gradient(150deg,#17191cba,#101218e6);border:1px solid #ffffff17;border-radius:25px;box-shadow:0 28px 100px #00000055,inset 0 1px #ffffff05;backdrop-filter:blur(30px);animation:arrive .8s ease both}.opinix-logo{display:block;position:relative;width:146px;height:48.67px;margin:0 auto;overflow:hidden;line-height:0}.opinix-logo img{position:absolute;width:140.56%;height:auto;max-width:none;left:-19.70%;top:-157.8%}.brand-line{height:1px;width:64px;margin:25px auto 29px;overflow:hidden;background:#c9d7eb14}.brand-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#a7c9ed,transparent);animation:brand-reveal 1.3s ease both;transform-origin:left}.eyebrow{margin:0 0 13px;text-align:center;font-size:9px;font-weight:500;letter-spacing:.22em;color:#929fae}h1{margin:0;text-align:center;font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.85px}.intro{margin:10px 0 30px;color:#9b9faa;text-align:center;font-size:12px;line-height:1.7}.field{margin-bottom:19px}.field label{display:block;margin-bottom:9px;font-size:12px;color:#d0d4dd;font-weight:500}.field input{width:100%;height:47px;padding:0 14px;color:#eff3f9;background:#080b1099;border:1px solid #ffffff16;border-radius:9px;outline-offset:2px;transition:border-color .2s,box-shadow .2s;font-size:13px}.field input::placeholder{color:#737b8a}.field input:focus{border-color:#a7c9ed88;box-shadow:0 0 0 3px #a7c9ed0b}.password-field{position:relative}.password-field input{padding-right:48px}.show-password{position:absolute;right:1px;top:1px;width:46px;height:45px;background:transparent;border:0;color:#8a93a3;display:grid;place-items:center;border-radius:8px}.show-password:hover{color:#d5e3f5}.submit{display:flex;justify-content:center;align-items:center;gap:21px;width:100%;height:47px;border:1px solid #c8def530;border-radius:9px;color:#131b26;background:linear-gradient(120deg,#c4d4e7,#abc7e7);font-size:12px;font-weight:600;margin-top:25px;transition:filter .2s,transform .2s;box-shadow:0 3px 15px #b9d2ee0a}.submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.submit:disabled{cursor:wait;opacity:.75;transform:none}.error{font-size:12px;line-height:1.6;color:#f6aaaa;background:#df5e6710;border:1px solid #df5e672a;padding:10px 12px;border-radius:8px;margin:6px 0}.privacy{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #ffffff0c;padding-top:22px;margin:23px 0 0;color:#8e97a7;font-size:10px}.form-status:empty{display:none}.form-status{color:#adc5e1;text-align:center;font-size:11px;margin-bottom:0}footer{font-size:10px;letter-spacing:.035em;padding-top:24px;padding-bottom:25px;color:#818998}footer strong{font-weight:600}.footer-right{color:#737d8e;letter-spacing:.04em}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes brand-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:600px){.topline,footer{padding:24px}.topline{padding-bottom:12px}main{padding:27px 20px}.login-card{padding:36px 25px 27px;border-radius:21px}h1{font-size:24px}.field input{font-size:16px}footer{justify-content:center;text-align:center}.footer-right{display:none}.entry-art{object-position:58% 50%;opacity:.23}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* Exclusive sign-in: one identity, two fields, one action. */
body{background:#090c0d}main{padding:56px 24px 32px}.entry-art{opacity:.21;object-position:50% 50%}.ambient{background:radial-gradient(ellipse at 50% 45%,#13251a10 0,#090c0dbb 70%,#090c0df0 100%)}
.login-card{width:min(100%,404px);padding:48px 36px 36px;border-color:#b4d5c31c;border-radius:24px;background:linear-gradient(145deg,#18201dde,#0e1412ed);box-shadow:0 32px 110px #0006,inset 0 1px #c9e8d50a}
.opinix-logo{width:156px;height:52px}.brand-line{width:48px;margin:25px auto 20px;background:#c8ddce15}.brand-line span{background:linear-gradient(90deg,transparent,#b4d6c2,transparent)}
h1{font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#9aafa2;line-height:1.5}
form{margin-top:34px}.field{margin-bottom:14px}.field input{height:50px;border-radius:10px;background:#090e0c9c;border-color:#c0d9cd18;font-size:13px;padding-left:16px;color:#edf3ee}.field input::placeholder{color:#82978b}.field input:focus{border-color:#b7d8c77d;box-shadow:0 0 0 3px #b7d8c70b}
.password-field input{padding-right:48px}.show-password{height:48px;color:#91a798}.submit{height:50px;margin-top:23px;border-color:#cfdfd548;border-radius:10px;background:linear-gradient(110deg,#d6e5da,#b9d3c2);color:#16261c;font-size:13px;gap:14px;box-shadow:0 4px 22px #bad4c309}.submit:hover{filter:brightness(1.04)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.form-status{font-size:11px;color:#a5beae}
footer{justify-content:center;padding:22px 24px 30px;color:#647c6b;font-size:10px;letter-spacing:.06em}
@media(max-width:600px){main{padding:40px 20px 20px}.login-card{padding:42px 28px 32px;border-radius:22px}h1{font-size:10px}.field input{font-size:16px}.entry-art{opacity:.17}.opinix-logo{width:146px;height:48.67px}footer{padding-bottom:26px}}