@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
.iv-portal{--iv-ink:#091126;--iv-muted:#5e6d87;--iv-blue:#246bfc;--iv-line:#cbd5e5;--background:#f2f6fc;--foreground:#091126;--card:#fff;--card-foreground:#091126;--popover:#fff;--popover-foreground:#091126;--primary:#246bfc;--primary-foreground:#fff;--secondary:#edf3ff;--secondary-foreground:#173c8a;--muted:#edf3ff;--muted-foreground:#5e6d87;--accent:#edf3ff;--accent-foreground:#091126;--border:#cbd5e5;--input:#cbd5e5;--ring:#246bfc;--destructive:#b52633;color-scheme:light;margin:0;min-height:100svh;background:#f2f6fc;color:var(--iv-ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;scrollbar-color:#b6c5df #f2f6fc;caret-color:var(--iv-blue)}
.iv-portal *{box-sizing:border-box}
.iv-portal ::selection{background:#c9ddff;color:#091126}
.iv-portal a,.iv-portal button,.iv-portal input{font:inherit}
.iv-portal a{color:inherit;text-decoration:none;text-underline-offset:4px}
.iv-portal button{cursor:pointer}
.iv-portal :focus-visible{outline:3px solid #246bfc;outline-offset:4px}
.iv-hero{position:fixed;inset:0 41% 0 0;min-height:100svh;overflow:hidden;padding:clamp(32px,4.8vw,80px);display:flex;flex-direction:column;isolation:isolate;background:#e7edf5 url('./assets/server-room.jpg') center center/cover no-repeat}
.iv-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,249,253,.65),rgba(246,249,253,.40) 52%,rgba(246,249,253,0) 83%)}
.iv-brand{display:flex;align-items:center;gap:20px;align-self:flex-start}
.iv-brand img{width:54px;height:54px;flex:none}
.iv-brand>span{display:flex;flex-direction:column;gap:0}
.iv-brand strong{font-size:28px;font-weight:700;letter-spacing:-.035em;line-height:1.3}
.iv-brand>span>span{color:var(--iv-muted);font-size:16px}
.iv-hero-copy{margin-top:auto;margin-bottom:auto;padding:66px 0 52px;max-width:590px}
.iv-rule{display:block;background:#287cff;width:56px;height:4px;border-radius:2px;margin-bottom:25px}
.iv-hero h1{margin:0;max-width:620px;font-size:clamp(34px,3.35vw,60px);font-weight:700;letter-spacing:-.035em;line-height:1.15;text-wrap:balance}
.iv-hero-copy>p{margin:26px 0 0;max-width:460px;color:#54637b;font-size:clamp(18px,1.38vw,23px);line-height:1.5}
.iv-features{padding:0;margin:44px 0 0;display:grid;gap:25px;list-style:none}
.iv-features li{display:flex;align-items:center;gap:20px}
.iv-feature-icon{width:50px;height:50px;border:1px solid #b7c5d8;border-radius:13px;display:grid;place-items:center;background:rgba(244,248,255,.28);flex:none}
.iv-feature-icon svg{width:27px;height:27px;color:#122347}
.iv-features li>span:last-child{display:grid;gap:2px}
.iv-features strong{font-weight:650;font-size:16px}
.iv-features li>span>span{color:#53627b;font-size:14px}
.iv-hero-footer{font-size:12px;color:#52617b;display:flex;gap:14px;flex-wrap:wrap;padding-top:12px}
.iv-portal #root{margin-left:59%;min-height:100svh;width:41%;font-family:Manrope,sans-serif}
.iv-portal #root [id$='-stage'],.iv-portal #authenticated-view{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 60px);padding:60px 38px;text-align:center}
.iv-portal #root [id$='-stage']>div:first-child,.iv-portal #authenticated-view>div:first-child{width:100%;max-width:560px;margin:0;padding:45px 44px 38px;border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 22px 65px rgba(25,53,99,.10)}
.iv-portal #root [id$='-stage']>div:first-child>div,.iv-portal #authenticated-view>div:first-child>div{display:flex;flex-direction:column;align-items:stretch}
.iv-portal #root [id$='-stage']>div:first-child>div>div:first-child,.iv-portal #authenticated-view>div:first-child>div>div:first-child{padding:0;margin:0 0 20px}
.iv-portal #root img[alt='Logo']{content:url('./assets/brand.svg');display:block;width:54px;height:54px;object-fit:contain;margin:0 auto 8px}
.iv-portal #root [id$='-stage']>div:first-child>div>div:first-child::after,.iv-portal #authenticated-view>div:first-child>div>div:first-child::after{content:'ivashkin.tech';display:block;font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-.025em}
.iv-portal #first-factor-stage h1,.iv-portal #first-factor-stage h2,.iv-portal #first-factor-stage h5{font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:0 0 8px}
.iv-portal #first-factor-stage>div:first-child>div>div:nth-child(2)::after{content:'Enter your credentials to access your account';display:block;max-width:310px;margin:12px auto 28px;color:#5e6d87;font-size:15px;line-height:1.6}
.iv-portal #form-login .grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.iv-portal #form-login input{height:60px;min-width:0;width:100%;color:#091126;background:transparent;border:1px solid #c7d2e4;border-radius:11px;padding:24px 15px 7px;font-size:16px;line-height:1.4;transition:border-color .15s,box-shadow .15s;outline:none}
.iv-portal #form-login input:focus{border-color:#246bfc;box-shadow:0 0 0 3px #246bfc24}
.iv-portal #form-login input[aria-invalid=true]{border-color:#b52633;box-shadow:0 0 0 2px #b5263315}
.iv-portal #form-login input::placeholder{color:transparent}
.iv-portal #form-login [data-slot='floating-input']+label{color:#5e6d87;left:15px}
.iv-portal #form-login input:disabled{opacity:.55;cursor:wait}
.iv-portal #sign-in-button{width:100%;min-height:58px;border:0;border-radius:11px;color:#fff;background:#246bfc;font-size:17px;font-weight:600;box-shadow:0 6px 16px #246bfc1c;transition:background .15s}
.iv-portal #sign-in-button:hover:not(:disabled){background:#1459e4}
.iv-portal #sign-in-button:disabled{opacity:.55;cursor:wait}
.iv-portal #sign-in-button:not(:disabled)::after{content:'→';font-family:Manrope,sans-serif;font-size:25px;margin-left:12px;font-weight:400;line-height:1}
.iv-portal #root a[href*='authelia.com']{font-family:Manrope,sans-serif;font-size:12px!important;color:#5e6d87!important;display:inline-block;margin-top:26px}
.iv-portal #second-factor-stage{--text-3xl:1.75rem}
.iv-portal #second-factor-stage>div:first-child{padding:36px 30px}
.iv-portal #second-factor-stage [class*='min-w-']{min-width:0;width:100%;padding:25px 0;border:0}
.iv-portal #second-factor-stage h1,.iv-portal #second-factor-stage h5{font-size:25px;font-weight:650}
.iv-portal #root [role='alert']{color:#a81f2e}
.iv-portal #root button:disabled{cursor:wait}
.iv-destination{margin-left:59%;width:41%;min-height:100svh;padding:48px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.iv-choice-panel{width:100%;max-width:560px;padding:40px;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 22px 65px rgba(25,53,99,.10);text-align:center}
.iv-card-brand{display:grid;justify-items:center;gap:8px;margin-bottom:24px}
.iv-card-brand span{font-size:23px;font-weight:700;letter-spacing:-.025em}
.iv-verified{display:inline-flex;gap:7px;align-items:center;font-size:13px;color:#236441;padding:6px 11px;background:#edf7f1;border-radius:6px}
.iv-verified svg{width:16px;height:16px}
.iv-choice-panel h2{font-size:29px;line-height:1.3;font-weight:700;letter-spacing:-.025em;margin:16px 0 8px}
.iv-intro{color:#5e6d87;font-size:15px;margin:0 0 28px}
.iv-systems{display:grid;gap:14px;text-align:left}
.iv-system{display:flex;gap:18px;align-items:center;border:1px solid #cbd7e9;border-radius:13px;padding:22px 18px;transition:background .18s,border-color .18s}
.iv-system:hover{border-color:#246bfc;background:#f4f8ff}
.iv-system-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;background:#edf3ff;border-radius:12px;color:#246bfc}
.iv-system-icon svg{width:28px;height:28px}
.iv-system-copy{display:grid;gap:4px;flex:1}
.iv-system-copy strong{font-size:20px;font-weight:700;letter-spacing:-.015em}
.iv-system-copy>span{color:#5e6d87;font-size:13px;line-height:1.5}
.iv-system-arrow{color:#246bfc;display:flex}
.iv-system-arrow svg{width:23px;height:23px}
.iv-native-note{font-size:12px;line-height:1.7;color:#5e6d87;margin:24px 0 18px}
.iv-logout{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:44px;padding:8px 14px;background:transparent;border:0;border-radius:8px;color:#435674;font-size:13px!important}
.iv-logout svg{width:18px;height:18px}
.iv-logout:hover{color:#164eb2;background:#eef4ff}
.iv-powered{margin:24px 0 0;color:#5e6d87;font-size:12px}
@keyframes iv-arrive{from{filter:blur(1px);transform:translateY(7px)}to{filter:blur(0);transform:translateY(0)}}
.iv-choice-panel{animation:iv-arrive .4s cubic-bezier(.16,1,.3,1) both}
@media(min-width:961px) and (max-height:820px){.iv-hero{padding-top:36px;padding-bottom:28px}.iv-hero-copy{padding:35px 0}.iv-features{gap:18px;margin-top:32px}.iv-hero h1{font-size:clamp(32px,3.1vw,52px)}.iv-brand strong{font-size:25px}.iv-hero-copy>p{font-size:19px}.iv-portal #root [id$='-stage']{padding-top:72px;padding-bottom:48px}.iv-portal #root [id$='-stage']>div:first-child{padding-top:32px;padding-bottom:28px}.iv-destination{padding-top:36px;padding-bottom:24px}.iv-choice-panel{padding:30px 32px}.iv-card-brand{margin-bottom:16px}.iv-system{padding-top:17px;padding-bottom:17px}}
@media(max-width:1180px) and (min-width:961px){.iv-hero{right:46%;padding-left:40px;padding-right:30px}.iv-portal #root,.iv-destination{margin-left:54%;width:46%}.iv-hero h1{font-size:38px}.iv-hero-copy>p{font-size:19px}.iv-portal #root [id$='-stage']{padding-left:24px;padding-right:24px}.iv-choice-panel{padding-left:26px;padding-right:26px}.iv-destination{padding-left:24px;padding-right:24px}}
@media(max-width:960px){.iv-hero{position:relative;inset:auto;min-height:0;padding:28px 28px 26px;background-position:center 30%;height:auto}.iv-hero::before{background:linear-gradient(90deg,rgba(246,249,253,.95),rgba(246,249,253,.65))}.iv-brand{gap:14px}.iv-brand img{width:42px;height:42px}.iv-brand strong{font-size:23px}.iv-brand>span>span{font-size:12px}.iv-hero-copy{margin:0;padding:26px 0 0}.iv-rule,.iv-features,.iv-hero-footer{display:none}.iv-hero h1{font-size:28px;line-height:1.2;max-width:600px}.iv-hero h1 br{display:none}.iv-hero-copy>p{font-size:14px;margin-top:12px;max-width:440px}.iv-portal #root,.iv-destination{margin:0;width:100%;min-height:0}.iv-portal #root [id$='-stage'],.iv-portal #authenticated-view{padding:32px 22px 40px;min-height:0}.iv-portal #root [id$='-stage']>div:first-child{max-width:520px;padding:32px 28px;border-radius:22px}.iv-portal #root img[alt='Logo']{width:44px;height:44px}.iv-portal #root [id$='-stage']>div:first-child>div>div:first-child::after{font-size:20px}.iv-portal #first-factor-stage h1,.iv-portal #first-factor-stage h5{font-size:28px}.iv-destination{padding:28px 22px 30px}.iv-choice-panel{max-width:520px;padding:30px 26px;border-radius:22px}.iv-choice-panel h2{font-size:27px}.iv-system{padding:19px 15px}.iv-card-brand img{width:44px;height:44px}.iv-card-brand span{font-size:20px}}
@media(max-width:390px){.iv-hero{padding:23px 22px}.iv-hero h1{font-size:25px}.iv-portal #root [id$='-stage']{padding-left:14px;padding-right:14px}.iv-portal #root [id$='-stage']>div:first-child{padding-left:22px;padding-right:22px}.iv-destination{padding-left:14px;padding-right:14px}.iv-choice-panel{padding-left:20px;padding-right:20px}.iv-system{gap:12px}.iv-system-icon{width:40px;height:44px}.iv-system-copy strong{font-size:19px}.iv-system-copy>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.iv-portal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* This portal intentionally uses English for all visitors. */
.iv-portal #language-button{display:none}
.iv-three-systems .iv-choice-panel{padding-top:28px;padding-bottom:25px}
.iv-three-systems .iv-card-brand{margin-bottom:16px;gap:5px}
.iv-three-systems .iv-card-brand img{width:44px;height:44px}
.iv-three-systems .iv-card-brand span{font-size:20px}
.iv-three-systems .iv-system{padding-top:15px;padding-bottom:15px}
.iv-three-systems .iv-intro{margin-bottom:20px}
.iv-three-systems .iv-native-note{margin-top:18px;margin-bottom:12px}