*{box-sizing:border-box}body{margin:0;background:#f5f8fd;color:#0b2146;font:14px Arial,sans-serif}button,input{font:inherit}header{height:70px;padding:8px max(4vw,18px);background:#fff;border-bottom:1px solid #dfe7f1;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}header img{width:68px;height:54px;object-fit:contain}header span{color:#16835a;font-weight:bold}main{max-width:1100px;margin:auto;padding:30px 20px}.hero{min-height:300px;padding:45px;border-radius:24px;background:linear-gradient(135deg,#0b2146,#245bdb);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero>div:first-child{max-width:640px}.hero small{letter-spacing:2px;color:#bcd1ff}.hero h1{font-size:42px;margin:12px 0}.hero p{color:#d8e5ff;font-size:17px}.hero button,.grid button,.modal button,.actions button,.result>button{border:0;border-radius:10px;padding:13px 18px;background:#245bdb;color:#fff;font-weight:bold}.hero button{background:#fff;color:#174aaa}.days{width:170px;height:170px;border:18px solid #ffffff22;border-radius:50%;display:grid;place-content:center;text-align:center}.days b{font-size:48px}.days span{font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;margin:20px 0 35px;border:1px solid #dfe7f1;border-radius:17px}.stats div{text-align:center;padding:22px;border-right:1px solid #e4ebf4}.stats div:last-child{border:0}.stats b,.stats span{display:block}.stats b{font-size:27px;color:#245bdb}.stats span{color:#77869a;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid article,.question,aside,.result{background:#fff;border:1px solid #dfe7f1;border-radius:18px;padding:24px;box-shadow:0 10px 28px #17385f0c}.grid i{font-style:normal;font-size:10px;font-weight:bold;color:#245bdb;background:#eaf1ff;border-radius:20px;padding:6px 9px}.grid h3{font-size:18px;margin:18px 0 8px}.grid p{color:#718097}.grid button{width:100%}.grid button:disabled{opacity:.5}.modal{position:fixed;inset:0;background:#07152bd5;display:grid;place-items:center;padding:20px}.modal form{position:relative;background:#fff;width:min(430px,100%);padding:30px;border-radius:24px}.modal form>img{display:block;width:92px;height:72px;object-fit:contain;margin:auto}.modal h2,.modal p{text-align:center}.modal p{color:#16835a}.modal label{display:block;font-weight:bold;margin-top:16px}.modal input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #ccd7e6;border-radius:9px}.modal form>button:last-child{width:100%;margin-top:20px}.close{position:absolute;right:14px;top:12px!important;width:36px!important;margin:0!important;padding:7px!important;background:#edf1f7!important;color:#53657c!important}.exam{display:grid;grid-template-columns:1fr 240px;gap:20px}.qhead{display:flex;justify-content:space-between}.qhead time{color:#e77a15;background:#fff1e2;padding:8px;border-radius:8px;font-weight:bold}.question>small{color:#74849a}.question h2{font-size:22px;line-height:1.5;margin:25px 0}.option{display:flex;width:100%;align-items:center;gap:12px;text-align:left;margin:10px 0;padding:12px;border:1px solid #d7e0ed;background:#fff;color:#0b2146;border-radius:10px}.option i{display:grid;place-items:center;width:32px;height:32px;background:#eef3f8;border-radius:8px;font-style:normal}.option.selected{border:2px solid #245bdb;background:#edf4ff}.option.selected i{background:#245bdb;color:#fff}.actions{display:flex;justify-content:space-between;border-top:1px solid #e2e9f2;margin-top:24px;padding-top:18px}.actions button:disabled{opacity:.4}aside{align-self:start;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}aside button{aspect-ratio:1;border:0;border-radius:7px;background:#eaf0f7}aside button.done{background:#22a66c;color:#fff}.offline{text-align:center;background:#fff0c9;color:#785400;padding:9px}.result{max-width:620px;margin:35px auto;text-align:center}.result>div:first-child{font-size:55px}.score{width:145px;height:145px;border:12px solid #d9e6ff;border-top-color:#245bdb;border-radius:50%;display:grid;place-content:center;margin:25px auto;font-size:32px;font-weight:bold}.score span{display:block;font-size:10px;color:#74849a}.result section{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e0e7f0;border-radius:12px}.result section p{display:grid;color:#718097}.result section b{font-size:20px;color:#0b2146}.result>button{margin-top:22px}footer{background:#081b3c;color:#9fb0c8;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between}footer img{width:65px;height:50px;object-fit:contain}@media(max-width:700px){.hero{padding:28px 22px;min-height:280px}.hero h1{font-size:30px}.days{width:105px;height:105px;border-width:10px}.days b{font-size:29px}.grid{grid-template-columns:1fr}.exam{grid-template-columns:1fr}.exam aside{order:-1}.result section{grid-template-columns:repeat(2,1fr)}}
/* Enhanced navigation, mobile drawer and install experience */
body{background:radial-gradient(circle at 85% 0,#e8f1ff 0,transparent 28%),#f5f8fd}.topbar{height:76px;padding:8px max(4vw,20px);box-shadow:0 5px 24px #17385f0d}.top-logo{cursor:pointer}.top-logo img{width:76px}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:25px}.desktop-nav a{color:#53657c;font-weight:700;text-decoration:none;cursor:pointer;padding:10px 2px;position:relative}.desktop-nav a:hover{color:#245bdb}.desktop-nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:3px;border-radius:4px;background:#245bdb}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.network{font-size:12px}.avatar{display:grid!important;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff!important;background:linear-gradient(135deg,#2d68e8,#6a46d9);box-shadow:0 8px 18px #245bdb38}.menu-btn{display:none;border:0;background:#edf3ff;color:#164ba9;width:42px;height:42px;border-radius:12px;font-size:21px}.hero{position:relative;box-shadow:0 24px 55px #17468c2e;background:radial-gradient(circle at 85% 15%,#6b8cff 0,transparent 30%),linear-gradient(135deg,#071b3e,#174fb6 62%,#315fe0)}.hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #ffffff24;border-radius:50%;right:-70px;bottom:-120px}.grid article{transition:.25s;position:relative;overflow:hidden}.grid article:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#245bdb,#6e4bd7)}.grid article:hover{transform:translateY(-6px);box-shadow:0 20px 42px #17385f1c}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:32px 0}.features article{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dfe7f1;border-radius:16px;padding:18px;box-shadow:0 8px 25px #17385f08}.features i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf1ff;color:#245bdb;font-style:normal;font-size:20px}.features b,.features span{display:block}.features span{color:#7a899c;font-size:11px;margin-top:5px}.side-drawer{display:flex;position:fixed;z-index:40;left:0;top:0;bottom:0;width:min(310px,86vw);padding:0;background:#fff;box-shadow:18px 0 50px #06152b35;transform:translateX(-105%);transition:.28s ease;flex-direction:column;border:0;border-radius:0}.drawer-overlay{position:fixed;z-index:35;inset:0;background:#06152b99;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s}.menu-open .side-drawer{transform:translateX(0)}.menu-open .drawer-overlay{opacity:1;visibility:visible}.menu-open{overflow:hidden}.drawer-head{height:78px;padding:12px 18px;border-bottom:1px solid #e5ebf3;display:flex;align-items:center;justify-content:space-between}.drawer-head img{width:78px;height:56px;object-fit:contain}.drawer-head button{border:0;background:#edf1f7;color:#52637b;border-radius:10px;width:38px;height:38px;font-size:23px}.drawer-user{display:flex;align-items:center;gap:12px;margin:18px;padding:15px;background:linear-gradient(135deg,#edf4ff,#f6f2ff);border-radius:15px}.drawer-user>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#245bdb;color:#fff;font-weight:bold}.drawer-user b,.drawer-user small{display:block}.drawer-user small{color:#718198;margin-top:4px}.side-drawer nav{display:grid!important;padding:5px 14px;gap:6px;margin:0}.side-drawer nav a{display:flex;align-items:center;gap:13px;padding:13px;border-radius:11px;text-decoration:none;color:#31445f;font-weight:700;cursor:pointer}.side-drawer nav a:hover{background:#edf4ff;color:#245bdb}.side-drawer nav i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#edf2f9;font-style:normal}.drawer-foot{margin:auto 20px 22px;padding:16px;background:#0b2146;color:#fff;border-radius:14px}.drawer-foot b,.drawer-foot span{display:block}.drawer-foot span{font-size:9px;color:#aebed5;margin-top:5px;letter-spacing:1px}.install-prompt{display:none}
@media(max-width:700px){body{padding-bottom:88px}.topbar{height:66px;padding:7px 14px}.menu-btn{display:block}.top-logo{position:absolute;left:50%;transform:translateX(-50%)}.top-logo img{width:65px;height:50px}.desktop-nav{display:none}.network{font-size:10px}.avatar{width:34px;height:34px}.hero{display:block;padding:31px 23px 105px;border-radius:20px}.hero h1{font-size:31px;line-height:1.15}.hero p{font-size:14px;line-height:1.55}.days{position:absolute;right:22px;bottom:18px;width:88px;height:88px}.days b{font-size:25px}.stats{margin-top:-1px}.stats div{padding:16px 8px}.stats b{font-size:21px}.stats span{font-size:10px}.grid article{padding:21px}.features{grid-template-columns:1fr;margin-bottom:14px}.install-prompt{display:flex;align-items:center;gap:9px;position:fixed;z-index:25;left:10px;right:10px;bottom:10px;padding:10px 11px;background:#081b3cf2;color:#fff;border:1px solid #ffffff24;border-radius:17px;box-shadow:0 16px 42px #06152b66;backdrop-filter:blur(10px)}.install-prompt img{width:45px;height:45px;object-fit:contain;background:#fff;border-radius:10px}.install-prompt div{min-width:0;flex:1}.install-prompt b,.install-prompt span{display:block}.install-prompt b{font-size:12px}.install-prompt span{font-size:8px;color:#b9c8dc;margin-top:4px}.install-prompt>button{border:0;background:#3471f1;color:#fff;padding:9px 13px;border-radius:9px;font-weight:bold}.install-prompt .install-close{background:transparent;color:#9fb0c8;padding:5px;font-size:18px}footer{display:none}.exam{padding:13px}.question{padding:18px}.side-drawer{display:flex}}
/* Attached ExamPrep design adaptation */
:root{--p:#7057e8;--pd:#513ac4;--ink:#172035;--muted:#70788a;--line:#e7e8ef}
body{background:#fff;color:var(--ink)}
.topbar{height:72px;max-width:1160px;margin:auto;padding:0 22px;border:0;box-shadow:none;background:#fff}
.top-logo img{width:147px;height:auto}.desktop-nav{gap:30px;margin-left:auto;margin-right:30px}.desktop-nav a{font-size:14px;color:#596174}.desktop-nav a:first-child:after{background:var(--p)}
.avatar{background:linear-gradient(135deg,#7962ed,#513ac4)}main{max-width:none;padding:0}
.hero{min-height:520px;padding:60px max(22px,calc((100% - 1120px)/2));border-radius:0;background:linear-gradient(120deg,#fbfaff,#f1edff);color:var(--ink);box-shadow:none}
.hero:after{width:360px;height:360px;border-color:#7057e812}.hero>div:first-child{max-width:650px}.hero small{display:inline-block;padding:8px 12px;border-radius:20px;background:#eae5ff;color:var(--p);font-weight:800;letter-spacing:0}
.hero h1{font-size:56px;line-height:1.06;letter-spacing:-2.5px;margin:19px 0}.hero p{max-width:550px;color:var(--muted);font-size:17px;line-height:1.7}.hero button{padding:14px 20px;background:var(--p);color:#fff;border-radius:10px}
.days{width:210px;height:210px;border:12px solid #edeafa;background:#fff;color:var(--ink);box-shadow:0 30px 70px #5a43942d;transform:rotate(-2deg)}.days b{color:var(--p)}.days span{color:#8a91a1}
.stats{max-width:950px;margin:0 auto;padding:0;border:0;border-radius:0;background:#171c2c;color:#fff}.stats div{padding:27px;border-color:#303646}.stats b{color:#b6a8ff}.stats span{color:#b3b8c5}
main>h2{max-width:1120px;margin:72px auto 28px;padding:0 22px;font-size:32px}.grid{max-width:1120px;margin:auto;padding:0 22px 72px;gap:17px}.grid article{border-color:var(--line);border-radius:16px;padding:21px;box-shadow:none}.grid article:before{display:none}.grid article:hover{border-color:#c8bdf5;box-shadow:0 12px 28px #1f2b4912}.grid i{background:#eeeaff;color:var(--p);border-radius:6px}.grid h3{font-size:17px}.grid p{color:#8a91a1}.grid button{background:transparent;color:var(--p);text-align:right;padding:11px 0}.grid button:hover{background:#eeeaff}
.features{max-width:none;margin:0;padding:42px max(22px,calc((100% - 950px)/2));border-radius:0;background:#fafaff}.features article{border-color:var(--line);border-radius:15px;box-shadow:none}.features i{background:#eeeaff;color:var(--p)}.features span{color:#8a91a1}
.modal{background:#161d2ec4}.modal form{border-radius:23px;box-shadow:0 28px 70px #1f2b4940}.modal p{color:var(--muted)}.modal form>button:last-child{background:var(--p)}.modal input:focus{border-color:var(--p);box-shadow:0 0 0 3px #7057e818}
.question,.exam aside,.result{border-color:var(--line);box-shadow:0 12px 35px #1f2b490d}.option.selected{border-color:var(--p);background:#f5f2ff}.option.selected i,.actions button,.result>button{background:var(--p)}.score{border-color:#e9e5ff;border-top-color:var(--p)}
.side-drawer nav a:hover{background:#eeeaff;color:var(--p)}.side-drawer nav i{background:#eeeaff}.drawer-foot,footer{background:#171c2c}.install-prompt>button{background:var(--p)}
@media(max-width:700px){.topbar{height:65px}.hero{min-height:570px;padding:45px 18px 180px;text-align:center}.hero h1{font-size:42px}.hero p{margin-inline:auto}.days{left:50%;right:auto;bottom:30px;transform:translateX(-50%) rotate(-2deg);width:140px;height:140px}.stats{grid-template-columns:repeat(3,1fr)}main>h2{margin-top:55px}.grid{padding-inline:18px}.features{padding:30px 18px}.install-prompt{background:#171c2cf2}}


/* Database catalog and subscription modules */
.nav-cta{border:0;background:var(--p);color:#fff;border-radius:10px;padding:11px 18px;font-weight:700}.top-logo{border:0;background:none;padding:0}.landing{max-width:none;padding:0}.reference-hero{min-height:520px;background:linear-gradient(120deg,#fbfaff,#f1edff);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:60px max(22px,calc((100% - 1120px)/2));overflow:hidden}.reference-hero .tag{display:inline-block;background:#eae5ff;color:var(--p);border-radius:20px;padding:8px 12px;font-size:11px;font-weight:800}.reference-hero h1{font-size:56px;line-height:1.06;letter-spacing:-2.5px;margin:19px 0}.reference-hero h1 span{color:var(--p)}.reference-hero>div>p{max-width:550px;color:var(--muted);font-size:17px;line-height:1.7}.hero-buttons{display:flex;gap:12px;margin-top:28px}.hero-buttons button,.hero-buttons a{border-radius:10px;padding:14px 20px;font-weight:700;text-decoration:none}.hero-buttons button{border:0;background:var(--p);color:#fff}.hero-buttons a{color:#4e566a;border:1px solid #dcd9e8;background:#fff}.visual{position:relative;height:350px}.dash{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg);width:340px;border-radius:24px;background:#fff;padding:24px;box-shadow:0 30px 70px #5a43942d}.dash-title{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.dash-title i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#25a56b}.score-ring{width:130px;height:130px;border-radius:50%;margin:25px auto;background:conic-gradient(var(--p) 82%,#edeafa 0);display:grid;place-items:center;position:relative}.score-ring:after{content:"";position:absolute;inset:11px;background:#fff;border-radius:50%}.score-ring div{z-index:1;text-align:center}.score-ring b{font-size:27px;display:block}.score-ring small{color:#8a91a1}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-stats div{background:#f7f6fc;padding:13px;border-radius:11px}.dash-stats small{display:block;color:#8a91a1;font-size:9px}
.catalog-section{max-width:1120px;margin:auto;padding:72px 22px}.section-heading{margin-bottom:28px}.section-heading.row{display:flex;align-items:end;justify-content:space-between}.section-heading.centered{text-align:center}.section-heading>span,.section-heading div>span{color:var(--p);font-size:11px;font-weight:800;letter-spacing:1.2px}.section-heading h2{font-size:32px;margin:7px 0}.section-heading p{color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px;display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink);transition:.2s}.category-card:hover,.category-card.active{transform:translateY(-2px);box-shadow:0 12px 28px #1f2b4912;border-color:#c8bdf5}.category-card i{font-style:normal;font-size:21px;width:50px;height:50px;border-radius:13px;background:#eeeaff;color:var(--p);display:grid;place-items:center}.category-card span{display:flex;flex-direction:column;gap:5px}.category-card small{color:#8a91a1}.test-catalog{max-width:none;background:#fafaff;padding-left:max(22px,calc((100% - 1120px)/2));padding-right:max(22px,calc((100% - 1120px)/2))}.exam-search{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 12px}.exam-search input{width:auto;border:0;outline:0;margin-left:5px}.exam-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.exam-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px}.exam-card .badge{font-size:9px;color:var(--p);font-weight:800;background:#eeeaff;padding:6px 8px;border-radius:6px}.exam-card h3{font-size:17px;margin:18px 0 8px}.exam-card>p{font-size:11px;color:#8a91a1}.exam-card .meta{display:flex;gap:13px;border-block:1px solid #f0f1f4;padding:14px 0;margin-top:16px;color:#727b8e;font-size:9px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.card-foot small{color:#dc8624}.card-foot button{border:0;background:none;color:var(--p);font-weight:800}.card-foot button:disabled{color:#aaa}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:920px;margin:auto;gap:18px;align-items:center}.plan{border:1px solid var(--line);border-radius:18px;padding:28px}.plan.pro{background:linear-gradient(150deg,#7560e9,#6046c8);color:#fff;transform:scale(1.04);box-shadow:0 18px 45px #634dcc3d}.plan>span{font-size:11px;font-weight:800}.plan h3{font-size:31px;margin:15px 0 8px}.plan h3 small{font-size:11px;color:#8a91a1}.plan.pro h3 small{color:#ddd7ff}.plan p,.plan li{font-size:11px;line-height:1.6}.plan ul{list-style:none;padding:8px 0;min-height:115px}.plan li{margin:10px 0}.plan button{width:100%;border:1px solid #ddd8ee;background:#fff;color:#5e49ca;border-radius:9px;padding:11px;font-weight:800}.platform-numbers{background:#171c2c;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:35px max(22px,calc((100% - 950px)/2));text-align:center}.platform-numbers b{color:#b6a8ff;font-size:25px;display:block}.platform-numbers span{font-size:10px;color:#b3b8c5}.modal-label{display:block;text-align:center;color:var(--p);font-size:10px;font-weight:800;letter-spacing:1.2px}.selected-exam{display:flex;flex-direction:column;gap:4px;background:#f7f6fd;border-radius:10px;padding:12px;margin:15px 0;text-align:left}.selected-exam span{font-size:9px;color:var(--muted)}.phone-field{display:flex;border:1px solid #dfe1e8;border-radius:9px;margin-top:7px;overflow:hidden}.phone-field span{background:#f5f6f8;padding:13px}.phone-field input{border:0;margin:0}.safe{display:block;text-align:center;color:#949baa;font-size:9px;margin-top:12px}
@media(max-width:850px){.reference-hero{grid-template-columns:1fr;text-align:center}.reference-hero>div>p{margin-inline:auto}.hero-buttons{justify-content:center}.category-grid,.exam-card-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr;max-width:430px}.plan.pro{transform:none}.platform-numbers{grid-template-columns:repeat(2,1fr);gap:25px}}
@media(max-width:560px){.nav-cta{display:none}.reference-hero{padding:45px 18px 30px}.reference-hero h1{font-size:42px}.visual{height:320px}.dash{width:285px}.category-grid,.exam-card-grid{grid-template-columns:1fr}.catalog-section{padding:55px 18px}.section-heading.row{align-items:flex-start;flex-direction:column;gap:18px}.exam-search,.exam-search input{width:100%}.platform-numbers{padding:30px 15px}}