:root{--bg: #07141d;--page: #f4f7f8;--card: #ffffff;--text: #17232b;--muted: #64737d;--navy: #07141d;--navy-2: #0d2230;--cyan: #74c7df;--cyan-soft: #aee8f5;--blue: #2d72ff;--line: rgba(120, 166, 184, .28);--shadow: 0 22px 60px rgba(3, 13, 20, .22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{width:min(100%,1480px);height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,56px);background:transparent;position:absolute;inset:0 0 auto 50%;transform:translate(-50%);z-index:20;color:#ffffffe6}.brand{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:900;letter-spacing:-.06em;font-size:clamp(34px,3.3vw,48px);line-height:1}.brandText{filter:drop-shadow(0 8px 20px rgba(0,0,0,.28))}.brandBars{display:grid;grid-template-columns:repeat(5,6px);grid-template-rows:repeat(6,4px);gap:2px;margin-top:7px}.brandBars i{width:6px;height:4px;background:#ffffffe0;display:block;box-shadow:0 0 8px #74c7df40}.brandBars i:nth-child(1){grid-row:1}.brandBars i:nth-child(2){grid-row:1 / 3}.brandBars i:nth-child(3){grid-row:1 / 4}.brandBars i:nth-child(4){grid-row:1 / 6}.brandBars i:nth-child(5){grid-row:1 / 7}nav{display:flex;gap:clamp(16px,2.2vw,34px);align-items:center;color:#ffffffd6;font-size:16px}nav a,.linkButton{position:relative;border:0;background:none;font:inherit;color:#ffffffd6;cursor:pointer}nav a:hover,.linkButton:hover{color:#fff}.loginLink:before{content:"♙";margin-right:8px;font-size:18px;opacity:.85}.navCta{padding:16px 27px;border-radius:8px;color:#fff!important;font-weight:800;background:linear-gradient(135deg,#62b7d5eb,#2b6affdb);border:1px solid rgba(174,232,245,.4);box-shadow:0 16px 36px #0054b43d}.container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 72px}.pageContainer{padding-top:128px}.homeHero{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 58% 97%,rgba(71,178,223,.36),transparent 14%),linear-gradient(90deg,#020d16fa,#05121df0 33%,#071621ad 62%,#030c13c2),url(/qwery-hero-construction.svg);background-size:cover;background-position:center;color:#fff}.heroBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#050e1614,#040d1452 60%,#040d14cc),radial-gradient(circle at 84% 28%,rgba(116,199,223,.11),transparent 25%)}.homeHeroContent{width:min(760px,calc(100% - 48px));padding-top:clamp(190px,19vh,260px);margin-left:clamp(24px,5vw,70px);position:relative;z-index:2}.heroKicker{text-transform:uppercase;letter-spacing:.34em;color:var(--cyan);font-size:clamp(12px,1.2vw,18px);font-weight:800;margin:0 0 34px}.heroKicker:after{content:"";display:block;width:46px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);margin-top:18px}.homeHero h1{font-size:clamp(48px,6.8vw,94px);line-height:1.04;letter-spacing:-.06em;margin:0 0 34px;text-shadow:0 24px 44px rgba(0,0,0,.26);max-width:820px}.heroSubtitle{max-width:650px;margin:0 0 46px;color:#ffffffc7;font-size:clamp(18px,2.1vw,27px);line-height:1.42}.heroActions{display:flex;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#66bdd7,#2469f0);color:#fff;padding:15px 22px;border-radius:14px;border:1px solid rgba(174,232,245,.34);font-weight:800;cursor:pointer;margin-top:10px;box-shadow:0 16px 32px #114f9a38}.button:hover{filter:brightness(1.08);transform:translateY(-1px)}.heroButton{min-width:280px;height:70px;font-size:20px;border-radius:8px}.ghostButton{min-width:240px;height:70px;font-size:20px;border-radius:8px;background:#06131e57;border:2px solid rgba(116,199,223,.62);box-shadow:inset 0 0 0 1px #ffffff0a}.secondary{background:linear-gradient(135deg,#123240,#2f6a7b)}.heroStats{position:absolute;left:50%;bottom:clamp(28px,5vh,72px);transform:translate(-50%);width:min(1120px,calc(100% - 48px));z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(174,232,245,.32);border-radius:28px;background:linear-gradient(180deg,#122634b8,#05121db8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 28px 60px #00000042,inset 0 0 48px #74c7df0f;overflow:hidden}.heroStat{min-height:184px;display:grid;place-items:center;text-align:center;padding:24px 18px;position:relative}.heroStat:not(:last-child):after{content:"";position:absolute;right:0;top:26px;bottom:26px;width:1px;background:linear-gradient(180deg,transparent,rgba(174,232,245,.36),transparent)}.statIcon{color:var(--cyan);font-size:42px;line-height:1;margin-bottom:10px;text-shadow:0 0 16px rgba(116,199,223,.35)}.heroStat strong{display:block;font-size:clamp(38px,4.4vw,58px);line-height:1;letter-spacing:-.04em}.heroStat span:last-child{color:#ffffffb8;font-size:clamp(14px,1.2vw,18px)}.heroGrid{position:absolute;width:220px;height:220px;opacity:.23;background-image:linear-gradient(rgba(116,199,223,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(116,199,223,.3) 1px,transparent 1px);background-size:28px 28px;z-index:1}.heroGridLeft{left:-24px;bottom:94px}.heroGridRight{right:-18px;bottom:46px}.homeMain{padding-top:82px}.sectionIntro{text-align:center;max-width:760px;margin:0 auto 34px}.sectionIntro.compact{margin-bottom:18px}.sectionKicker{color:#2c7b96;font-size:13px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;margin:0 0 12px}.sectionIntro h2,.aboutPanel h2,.contactPanel h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:0 0 16px}.sectionIntro p{color:var(--muted);font-size:18px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--card);border:1px solid rgba(10,44,58,.09);border-radius:24px;padding:22px;box-shadow:0 14px 36px #04182314}.courseCard{padding:0;overflow:hidden}.cardBody{padding:24px}.courseImage{height:170px;background:radial-gradient(circle at 70% 20%,rgba(116,199,223,.34),transparent 30%),linear-gradient(135deg,#07141d,#163343 55%,#2b6f86);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:900;letter-spacing:.12em}.courseImage img{width:100%;height:100%;object-fit:cover}.meta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.meta span{background:#edf6f8;color:#164b60;padding:7px 10px;border-radius:999px;font-size:13px;font-weight:800}.processSection{margin:88px 0}.processGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.processCard span{color:#2c7b96;font-size:38px;font-weight:900}.aboutPanel,.contactPanel{border-radius:34px;padding:clamp(32px,5vw,62px);margin-top:34px}.aboutPanel{display:grid;grid-template-columns:.8fr 1fr;gap:32px;align-items:center;background:#07141d;color:#fff;box-shadow:var(--shadow)}.aboutPanel p{color:#ffffffc2;font-size:20px;line-height:1.65}.contactPanel{text-align:center;background:linear-gradient(135deg,#0b2534,#0f4c60);color:#fff}.contactPanel p{color:#ffffffbf;font-size:19px}.authBox{max-width:460px;margin:48px auto;background:#fff;border:1px solid rgba(10,44,58,.09);padding:34px;border-radius:26px;box-shadow:0 18px 40px #102c311a}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;color:var(--muted);font-weight:700}input,textarea,select{width:100%;border:1px solid #dbe5e9;border-radius:14px;padding:12px 14px;font:inherit;background:#fff;color:var(--text)}textarea{min-height:110px;resize:vertical}.alert{padding:14px 16px;border-radius:16px;background:#fff4d7;border:1px solid #f2d995;margin:14px 0;color:#65480a}.empty{padding:28px;background:#fff;border:1px dashed #dbe5e9;border-radius:18px;color:var(--muted)}.progressWrap{margin:16px 0}.progressLabel{font-size:13px;color:var(--muted);font-weight:800;margin-bottom:8px}.progress{height:10px;border-radius:999px;background:#e6eeec;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#66bdd7,#2469f0)}.courseHeader{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-bottom:24px}.learningLayout{display:grid;grid-template-columns:310px 1fr;gap:24px}.lessonList{background:#fff;border:1px solid rgba(10,44,58,.09);border-radius:22px;padding:16px;height:fit-content}.lessonButton{width:100%;border:0;background:transparent;text-align:left;padding:12px;border-radius:14px;cursor:pointer;display:flex;gap:10px;color:var(--text);font:inherit}.lessonButton:hover,.lessonButton.active{background:#edf6f8;color:#164b60;font-weight:800}.lessonPanel{background:#fff;border:1px solid rgba(10,44,58,.09);border-radius:22px;padding:24px}.videoBox{position:relative;width:100%;aspect-ratio:16 / 9;background:#0b1517;border-radius:20px;overflow:hidden;margin:20px 0}.videoBox iframe{width:100%;height:100%;border:0}.watermark{position:absolute;right:18px;top:16px;background:#0000006b;color:#ffffffe0;padding:8px 12px;border-radius:999px;font-size:13px;pointer-events:none}.notice{color:var(--muted);font-size:13px}.inlineForm{margin:14px 0 22px}.comment{border:1px solid #dbe5e9;border-radius:16px;padding:14px;margin:10px 0}.reply{background:#edf6f8;border-radius:12px;padding:10px;color:#164b60}.adminNav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.adminNav a{background:#fff;border:1px solid rgba(10,44,58,.09);padding:10px 14px;border-radius:999px;color:#164b60;font-weight:800}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.stat{background:#fff;border:1px solid rgba(10,44,58,.09);border-radius:18px;padding:18px}.stat strong{display:block;font-size:34px;color:#2c7b96}.stat span{color:var(--muted);font-weight:800}.adminSplit{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.studentCard{margin-bottom:14px}.accessRow{display:grid;grid-template-columns:1fr 90px 110px 90px;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #dbe5e9;font-size:14px}.accessRow button{border:1px solid #dbe5e9;background:#fff;border-radius:10px;padding:8px;cursor:pointer}.check{display:flex!important;grid-template-columns:20px 1fr;align-items:center;gap:10px!important}.check input{width:auto}@media (max-width: 1100px){nav{gap:14px;font-size:14px}.heroStats{grid-template-columns:repeat(2,1fr);position:relative;left:auto;bottom:auto;transform:none;margin:56px auto 36px}.homeHero{min-height:auto;padding-bottom:26px}.homeHeroContent{padding-top:150px}}@media (max-width: 900px){.grid,.stats,.learningLayout,.courseHeader,.adminSplit,.processGrid,.aboutPanel{grid-template-columns:1fr}.topbar{height:auto;align-items:flex-start;gap:14px;flex-direction:column;padding:22px}nav{flex-wrap:wrap}.homeHeroContent{margin-left:24px;padding-top:190px}.heroButton,.ghostButton{width:100%;min-width:0}.heroStats{grid-template-columns:1fr;width:calc(100% - 32px)}.heroStat:not(:last-child):after{top:auto;left:28px;right:28px;bottom:0;height:1px;width:auto;background:linear-gradient(90deg,transparent,rgba(174,232,245,.36),transparent)}}.brand.imageBrand{width:clamp(160px,14vw,230px);display:flex;align-items:center;font-size:initial;letter-spacing:normal}.brand.imageBrand img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 26px rgba(0,0,0,.42))}.homeHero{background:radial-gradient(circle at 89% 80%,rgba(33,123,255,.38),transparent 12%),linear-gradient(90deg,#020d16fa,#05121deb 36%,#0716216b 66%,#030c13bf),url(/qwery_hero_woman_reference.png)!important;background-size:cover!important;background-position:center!important}.homeHeroContent{width:min(580px,calc(100% - 48px))!important;padding-top:clamp(190px,23vh,255px)!important}.homeHero h1{font-size:clamp(42px,4.55vw,74px)!important;line-height:1.16!important;max-width:650px!important}.heroSubtitle{max-width:560px!important;font-size:clamp(17px,1.35vw,25px)!important;line-height:1.42!important}.heroButton,.ghostButton{height:66px!important;font-size:19px!important}.heroRoundLogo{position:absolute;right:clamp(52px,4.8vw,86px);bottom:clamp(70px,10vh,122px);width:clamp(132px,9.8vw,180px);aspect-ratio:1;border-radius:50%;z-index:7;display:grid;place-items:center;filter:drop-shadow(0 0 18px rgba(31,113,255,.65))}.heroRoundLogo img{width:100%;height:100%;object-fit:contain}.heroStats{width:min(960px,calc(100% - 430px))!important;bottom:clamp(28px,5.6vh,64px)!important;z-index:9!important}.heroStat{min-height:160px!important}@media (max-width: 1200px){.heroStats{width:min(860px,calc(100% - 320px))!important;left:45%!important}.heroRoundLogo{width:120px}}@media (max-width: 1100px){.heroStats{width:calc(100% - 48px)!important;left:auto!important}.heroRoundLogo{display:none}}@media (max-width: 900px){.homeHero{background-position:68% center!important}}.courseTabs{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.courseTabs button{border:1px solid rgba(10,44,58,.12);background:#fff;color:#164b60;padding:13px 18px;border-radius:999px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px #0418230d}.courseTabs button.active,.courseTabs button:hover{background:linear-gradient(135deg,#123240,#2f6a7b);color:#fff}.tabPanel{background:#fff;border:1px solid rgba(10,44,58,.09);border-radius:24px;padding:28px;box-shadow:0 14px 36px #04182314}.resourceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.resourceCard{border:1px solid #dbe5e9;border-radius:20px;padding:20px;background:#f8fbfc}.resourceCard span{display:inline-flex;background:#edf6f8;color:#164b60;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.examForm{display:grid;gap:18px;margin-top:22px}.questionBox{border:1px solid #dbe5e9;border-radius:20px;padding:20px;background:#f8fbfc}.questionBox legend{font-weight:900;padding:0 8px}.optionRow{display:flex;gap:10px;align-items:center;padding:10px 0;color:var(--text);font-weight:600}.optionRow input{width:auto}.examResult{border-radius:18px;padding:18px;margin:16px 0}.examResult.passed{background:#e7f7ed;border:1px solid #a8dfbb;color:#14522a}.examResult.failed{background:#fff0ed;border:1px solid #f2b4a8;color:#7b2116}.adminCoursePanel{display:grid;gap:28px}.adminBlock{background:#fff;border:1px solid rgba(10,44,58,.09);border-radius:24px;padding:22px;box-shadow:0 14px 36px #04182314}.editCard{display:grid;gap:12px;border:1px solid #dbe5e9;border-radius:18px;padding:16px;margin:14px 0;background:#f8fbfc}.editCard label{display:grid;gap:6px;color:var(--muted);font-weight:800}.miniActions{display:grid;grid-template-columns:120px auto;gap:12px;align-items:end}.dangerButton{border:1px solid #f0b3ad;background:#fff1ef;color:#8b2118;border-radius:12px;padding:11px 14px;font-weight:900;cursor:pointer}.dangerButton:hover{background:#ffe2de}@media (max-width: 900px){.resourceGrid,.miniActions{grid-template-columns:1fr}}
