/* AJGO HR ONLINE BETA 1.4 — flying document hero and flag-only language selection.
   Completely scoped to the login page. Authentication logic remains unchanged. */
.auth-modern2-shell { grid-template-columns: clamp(340px, 27.5vw, 470px) minmax(0, 1fr); }
.auth-modern2-panel { position: relative; z-index: 3; background: #eaf3ff; padding: 34px 24px; }
.auth-modern2-card { box-shadow: 0 18px 55px rgba(16,48,97,.13); }
.auth-modern2-button { background: linear-gradient(105deg,#1e6dec,#388bff); }
.auth-modern2-button:hover { background: linear-gradient(105deg,#165fcf,#2372e8); }
.auth-modern2-brand { margin-bottom: 25px; }

/* Flag form is visually pinned to the upper-right of the hero on desktops. */
.ajgo-flag-picker {
    position: fixed; right: clamp(14px,2.2vw,38px); top: 19px; z-index: 35;
    display: inline-flex; align-items: center; gap: 9px; margin: 0;
    padding: 8px 10px; border-radius: 100px;
    background: rgba(8,35,78,.81); border: 1px solid rgba(138,199,255,.55);
    box-shadow: 0 10px 28px rgba(0,28,65,.22); backdrop-filter: blur(12px);
}
.ajgo-flag-picker button, .ajgo-flag-picker a {
    display: grid; place-items: center; text-decoration:none; width: 40px; height: 37px; padding: 4px;
    border: 2px solid transparent; border-radius: 50%; background: transparent;
    cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.ajgo-flag-picker button svg, .ajgo-flag-picker a svg { width: 30px; height: 24px; border-radius: 3px; box-shadow: 0 1px 6px rgba(0,0,0,.28); }
.ajgo-flag-picker button:hover, .ajgo-flag-picker a:hover { transform: translateY(-2px); background: rgba(255,255,255,.14); }
.ajgo-flag-picker button.is-active, .ajgo-flag-picker a.is-active { border-color: #61c7ff; background: rgba(73,163,255,.15); }
.ajgo-flag-picker button:focus-visible, .ajgo-flag-picker a:focus-visible { outline: 3px solid #82d3ff; outline-offset: 3px; }
.ajgo-flag-picker .ajgo-flag-picker-caption {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

.auth-modern2-visual.ajgo-flying-hero {
    display: block; position: relative; isolation: isolate; overflow: hidden;
    min-height: 910px; height: max(100vh, 910px); padding: 0;
    background: radial-gradient(ellipse 64% 74% at 55% 48%, #185eae 0%, transparent 77%),
                radial-gradient(ellipse 49% 45% at 88% 78%, rgba(70,154,255,.56), transparent 77%),
                linear-gradient(125deg, #0e2b58 0%, #104280 42%, #2166bf 76%, #2f81db 100%);
    color: #fff;
}
.ajgo-flying-hero::before {
    content:""; position: absolute; inset: 0; width:auto; height:auto; border-radius:0;
    background: linear-gradient(98deg,rgba(255,255,255,.06),transparent 14%,rgba(10,45,91,.1) 40%,transparent 81%),
                radial-gradient(circle at 24% 27%, rgba(255,255,255,.24) 1px, transparent 2px),
                radial-gradient(circle at 69% 67%, rgba(161,224,255,.5) 1.3px, transparent 3px);
    background-size: auto, 104px 104px, 152px 152px;
    opacity: .8; z-index: -1;
}
.ajgo-flying-hero::after {
    content:""; position: absolute; z-index: -1; inset:auto -15% -20% -10%;
    width:auto; height:53%; border-radius:55% 55% 0 0;
    background: radial-gradient(ellipse at center,rgba(107,182,245,.16),transparent 65%);
}
.ajgo-flying-hero-glow {
    position:absolute; inset:0; pointer-events:none;
    background:radial-gradient(ellipse 26% 36% at 45% 44%,rgba(31,134,255,.3),transparent 95%),
               radial-gradient(ellipse 27% 34% at 81% 27%,rgba(85,190,255,.21),transparent 95%);
}
.ajgo-flying-orbit {
    position:absolute; z-index:0; left:8%; top:22%; width:90%; height:65%; border:2px solid rgba(95,189,255,.5);
    box-shadow:0 0 22px rgba(46,155,255,.19),inset 0 0 22px rgba(46,155,255,.12);
    border-radius:50%; transform:rotate(-19deg); pointer-events:none;
}
.ajgo-flying-orbit--two { top:33%; left:-2%; width:107%; height:46%; border-color:rgba(110,205,255,.35); transform:rotate(17deg); }

.ajgo-flying-hero-center {
    position:absolute; z-index:6; top:30%; left:18%; width:66%;
    padding:8px; text-align:center; filter:drop-shadow(0 6px 14px rgba(6,26,68,.33));
    pointer-events:none;
}
.ajgo-flying-kicker {
    display:inline-flex; padding:7px 12px; margin-bottom:14px;
    border:1px solid rgba(255,255,255,.24); border-radius:40px;
    background:rgba(255,255,255,.10); color:#deefff;
    font-size:11px; font-weight:700; letter-spacing:.06em;
}
.ajgo-flying-hero .ajgo-flying-hero-center h2 {
    margin:0; font-size:clamp(32px,3.65vw,64px); line-height:1.08; font-weight:850;
    letter-spacing:-.045em; text-wrap:balance;
}
.ajgo-flying-hero .ajgo-flying-hero-center h2 span,
.ajgo-flying-hero .ajgo-flying-hero-center h2 strong { display:block; }
.ajgo-flying-hero .ajgo-flying-hero-center h2 strong { font-weight:850; color:#68d0ff; }
.ajgo-flying-hero .ajgo-flying-hero-center p {
    width:min(94%,580px); margin:15px auto 0; color:#e8f3ff; font-size:clamp(14px,1.12vw,18px);
    line-height:1.5; text-wrap:balance;
}
.ajgo-flying-underline { width:48px; height:3px; margin:21px auto; border-radius:20px; background:#62daff; box-shadow:0 0 15px #7fdcff; }

.ajgo-flying-papers { position:absolute; inset:0; z-index:4; pointer-events:none; }
.ajgo-flying-paper {
    --paper-rotate:0deg; --paper-rise:12px; --paper-delay:0s;
    position:absolute; display:flex; flex-direction:column; justify-content:space-between;
    width:clamp(118px,12vw,190px); min-height:105px; padding:14px;
    border:1px solid rgba(235,247,255,.93); border-radius:7px;
    color:#153361; background:linear-gradient(153deg,#fff 0%,#eff5ff 100%);
    box-shadow:0 19px 35px rgba(0,23,65,.26),0 2px 8px rgba(5,60,126,.13);
    transform:rotate(var(--paper-rotate));
    animation:ajgo-paper-hover 6.5s ease-in-out var(--paper-delay) infinite alternate;
}
.ajgo-flying-paper-title { display:flex; gap:9px; align-items:center; font-size:clamp(10px,.9vw,14px); font-weight:800; line-height:1.3; }
.ajgo-flying-paper-icon { flex:0 0 30px; height:30px; display:grid; place-items:center; color:#1e70dd; background:#e7f0ff; border-radius:8px; }
.ajgo-flying-paper-icon svg { width:21px;height:21px; }
.ajgo-flying-paper-lines { display:grid; gap:5px; margin:13px 0 1px 38px; }
.ajgo-flying-paper-lines i { display:block; width:100%; height:6px; border-radius:2px; background:#cfdcf4; opacity:.77; }
.ajgo-flying-paper-lines i:nth-child(2){width:75%;}.ajgo-flying-paper-lines i:nth-child(3){width:46%;}
/* Placed around—not over—the central headline. The different angles create the thrown-paper effect. */
.ajgo-flying-paper--1 {left:9%;top:10%;--paper-rotate:-12deg;--paper-delay:-1s}
.ajgo-flying-paper--2 {left:33%;top:6%;--paper-rotate:7deg;--paper-delay:-3s}
.ajgo-flying-paper--3 {left:61%;top:8%;--paper-rotate:-8deg;--paper-delay:-2s}
.ajgo-flying-paper--4 {right:5%;top:15%;--paper-rotate:7deg;--paper-delay:-4s}
.ajgo-flying-paper--5 {right:-2%;top:31%;--paper-rotate:-12deg;--paper-delay:-.5s}
.ajgo-flying-paper--6 {left:1%;top:32%;--paper-rotate:12deg;--paper-delay:-4.5s}
.ajgo-flying-paper--7 {left:4%;top:50%;--paper-rotate:-10deg;--paper-delay:-1.9s}
.ajgo-flying-paper--8 {left:11%;top:73%;--paper-rotate:-9deg;--paper-delay:-3.5s}
.ajgo-flying-paper--9 {right:5%;top:48%;--paper-rotate:-9deg;--paper-delay:-1.4s}
.ajgo-flying-paper--10 {right:-2%;top:63%;--paper-rotate:13deg;--paper-delay:-2.5s}
.ajgo-flying-paper--11 {right:23%;top:77%;--paper-rotate:7deg;--paper-delay:-2s}
.ajgo-flying-paper--12 {right:0%;top:83%;--paper-rotate:12deg;--paper-delay:-3s}
.ajgo-flying-paper--13 {left:37%;top:87%;--paper-rotate:8deg;--paper-delay:-.3s}
.ajgo-flying-paper--14 {left:53%;top:89%;--paper-rotate:-7deg;--paper-delay:-4s}
.ajgo-flying-paper--15 {right:19%;top:92%;--paper-rotate:-11deg;--paper-delay:-2.8s}
.ajgo-flying-paper--4 .ajgo-flying-paper-icon,.ajgo-flying-paper--8 .ajgo-flying-paper-icon { color:#008d72;background:#e0faf2; }
.ajgo-flying-paper--5 .ajgo-flying-paper-icon,.ajgo-flying-paper--7 .ajgo-flying-paper-icon { color:#dc6c25;background:#fff0e0; }
.ajgo-flying-paper--11 .ajgo-flying-paper-icon { color:#6554bb;background:#eeebff; }
.ajgo-flying-background-sheet { position:absolute; width:120px;height:169px;border-radius:3px;opacity:.34; background:repeating-linear-gradient(to bottom,#fff 0 8px,#d8e5ff 8px 11px,#fff 11px 19px);filter:blur(1.3px); }
.ajgo-flying-background-sheet--one { top:3%;left:-4%;transform:rotate(21deg); }
.ajgo-flying-background-sheet--two { top:55%;left:38%;transform:rotate(-28deg); }
.ajgo-flying-background-sheet--three { bottom:-10%;right:2%;transform:rotate(-17deg); }

.ajgo-flying-device {
    position:absolute; z-index:3; left:30%; top:64%; width:44%; height:27%;
    min-width:295px; max-width:640px; transform:perspective(900px) rotateX(3deg) rotateY(-9deg) rotateZ(3deg);
    filter:drop-shadow(0 20px 20px rgba(0,14,46,.38));
}
.ajgo-flying-device-screen {
    height:100%;display:grid; grid-template-columns:31% 1fr; padding:8px;
    border:8px solid #16345b; border-radius:16px 16px 6px 6px;
    background:#ebf3ff; box-shadow:inset 0 0 0 1px #5f9ee6;
}
.ajgo-flying-device-nav { min-width:0; padding:11px 8px; background:linear-gradient(155deg,#123963,#163e6c);border-radius:5px;overflow:hidden; }
.ajgo-flying-device-logo {margin-bottom:18px;color:#fff;font-size:13px;font-weight:900;}
.ajgo-flying-device-logo span { color:#2c97ff; }
.ajgo-flying-device-menu {display:flex;align-items:center;gap:5px;color:#d3e5ff;font-size:clamp(6px,.66vw,10px);margin-bottom:10px;white-space:nowrap;}
.ajgo-flying-device-menu.active {background:#267bee;color:white;border-radius:5px;padding:6px 3px;margin-left:-3px;}
.ajgo-flying-device-menu b {width:13px;text-align:center;font-weight:600;}
.ajgo-flying-device-dashboard {min-width:0;padding:13px 11px;}
.ajgo-flying-device-search {height:14px;width:88%;border-radius:20px;background:#d9e7fa;margin-bottom:15px;}
.ajgo-flying-device-widgets {display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.ajgo-flying-device-widget {min-height:105px; padding:10px; border-radius:7px;background:#fff; box-shadow:0 3px 9px rgba(30,78,145,.08);}
.ajgo-flying-device-caption {height:7px;width:65%;background:#d6e5f9;border-radius:8px;}
.ajgo-flying-device-linechart {position:relative;margin-top:18px;height:51px;background:linear-gradient(transparent 94%,#dbe8fa 95%) 0 0/100% 18px;}
.ajgo-flying-device-linechart i { position:absolute;inset:4px 2px 2px;background:linear-gradient(135deg,transparent 31%,#58a1ff 32% 34%,transparent 35%),linear-gradient(25deg,transparent 54%,#58a1ff 55% 57%,transparent 58%); }
.ajgo-flying-device-donut {width:56px;height:56px;border:11px solid #247fe6;border-left-color:#bce6f8;border-bottom-color:#71cfe9;border-radius:50%;margin:12px auto 0;}
.ajgo-flying-device-list {display:grid;gap:7px;margin-top:11px;}
.ajgo-flying-device-list i {height:7px;border-radius:7px;background:linear-gradient(90deg,#b7dbff 0 17%,#deeafb 17% 72%,transparent 72%);}
.ajgo-flying-device-base {height:10px;width:111%;margin-left:-5.5%;border-radius:1px 1px 60% 60%;background:linear-gradient(90deg,#4d86b8,#e5f3ff 35%,#86b5e8 75%,#37699f);}

.ajgo-flying-accessible-modules {position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
@keyframes ajgo-paper-hover { 0% { transform:translateY(0) rotate(var(--paper-rotate)); } 100% { transform:translateY(-13px) rotate(calc(var(--paper-rotate) + 2deg)); } }
@media (max-width: 1430px) {
    .ajgo-flying-paper { width:135px;min-height:98px;padding:11px; }
    .ajgo-flying-paper-title {font-size:11px;}
    .ajgo-flying-hero-center {top:32%;left:14%;width:74%;}
}
@media (max-width: 1120px) and (min-width: 901px) {
    .ajgo-flying-paper--5,.ajgo-flying-paper--7,.ajgo-flying-paper--10,.ajgo-flying-paper--12,.ajgo-flying-paper--15 {display:none;}
    .ajgo-flying-hero-center h2 { font-size:31px!important; }
    .ajgo-flying-device {left:22%;width:61%;}
}
@media (max-width: 900px) {
    .auth-modern2-shell {grid-template-columns:1fr;}
    .auth-modern2-panel {min-height:auto;padding:28px 18px;}
    .auth-modern2-card {max-width:510px;}
    .ajgo-flag-picker {position:static;justify-content:center;margin:-4px 0 22px;padding:7px 9px;}
    .auth-modern2-visual.ajgo-flying-hero {display:block;min-height:590px;height:600px;}
    .ajgo-flying-hero-center {top:29%;left:13%;width:74%;}
    .ajgo-flying-paper {width:120px;min-height:90px;padding:9px;}
    .ajgo-flying-paper--4,.ajgo-flying-paper--5,.ajgo-flying-paper--7,.ajgo-flying-paper--9,
    .ajgo-flying-paper--10,.ajgo-flying-paper--11,.ajgo-flying-paper--12,.ajgo-flying-paper--14,.ajgo-flying-paper--15 {display:none;}
    .ajgo-flying-device {left:30%;top:70%;width:50%;height:23%;}
}
@media (max-width: 540px) {
    .auth-modern2-card {padding:25px 20px;}
    .auth-modern2-visual.ajgo-flying-hero {height:560px;min-height:560px;}
    .ajgo-flying-kicker {font-size:9px;}
    .ajgo-flying-hero-center {top:28%;left:4%;width:92%;}
    .ajgo-flying-hero .ajgo-flying-hero-center h2 {font-size:32px;}
    .ajgo-flying-hero .ajgo-flying-hero-center p {font-size:13px;}
    .ajgo-flying-paper--2,.ajgo-flying-paper--3,.ajgo-flying-paper--6,.ajgo-flying-paper--13 {display:none;}
    .ajgo-flying-paper--1 {top:3%;left:7%;}
    .ajgo-flying-paper--8 {top:76%;left:2%;}
    .ajgo-flying-device {left:22%;top:69%;width:74%;height:25%;min-width:0;}
    .ajgo-flying-device-nav {padding:5px;}
    .ajgo-flying-device-dashboard {padding:6px;}
    .ajgo-flying-device-widget {min-height:70px;padding:5px;}
    .ajgo-flying-device-menu {margin-bottom:5px;}
    .ajgo-flying-device-logo {margin-bottom:7px;font-size:9px;}
}
@media (prefers-reduced-motion: reduce) {
    .ajgo-flying-paper {animation:none;}
    .ajgo-flag-picker button, .ajgo-flag-picker a {transition:none;}
}