@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&display=swap");

:root{
  --blue:#1267ff;--blue2:#0752dc;--navy:#0d2147;--text:#233455;--muted:#6d7b93;
  --line:#e5ebf4;--bg:#f6f9fd;--card:#fff;--green:#10a66b;--purple:#7446db;
  --orange:#ec8b0b;--red:#df4557;--shadow:0 18px 55px rgba(24,48,92,.09)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.app-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(222,229,239,.85);backdrop-filter:blur(18px)}
.nav-wrap{min-height:74px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#ecf3ff;color:var(--blue);font-weight:900;font-family:Poppins,sans-serif;box-shadow:0 7px 20px rgba(18,103,255,.1)}
.brand-mark span{color:#f28b00;margin:0 1px}
.brand-copy strong,.brand-copy small{display:block}
.brand-copy strong{font:800 17px Poppins,sans-serif;color:var(--navy)}
.brand-copy small{margin-top:0;color:#8b98aa;font-size:9px;letter-spacing:.4px}
.desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}
.desktop-nav a{position:relative;padding:27px 13px 24px;color:#51617b;font-size:12px;font-weight:700}
.desktop-nav a.active{color:var(--blue)}
.desktop-nav a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;border-radius:3px;background:var(--blue)}
.header-actions{display:flex;align-items:center;gap:9px}
.header-btn{padding:11px 16px;border:1px solid #cbd8ec;border-radius:11px;color:var(--blue);font-size:12px;font-weight:800;background:#fff}
.header-btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.icon-btn{width:39px;height:39px;border:1px solid #dbe3ef;border-radius:11px;display:grid;place-items:center;color:#63728c}
.user-menu{position:relative}
.avatar-btn{border:0;background:transparent;display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px}
.avatar-btn span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#1267ff,#35a2ff);color:#fff;font-weight:800}
.avatar-btn small{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;color:var(--navy)}
.avatar-btn b{color:#7a879d}
.user-dropdown{position:absolute;right:0;top:49px;width:185px;padding:8px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);display:none}
.user-dropdown.show{display:block}
.user-dropdown a{display:block;padding:10px 11px;border-radius:10px;font-size:11px;font-weight:700;color:#53627c}
.user-dropdown a:hover{background:#f4f7fb;color:var(--blue)}
.mobile-menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px}
.mobile-nav{display:none;flex-direction:column;padding:5px 20px 15px;border-top:1px solid var(--line)}
.mobile-nav.show{display:flex}
.mobile-nav a{padding:11px;border-radius:8px;font-size:12px;font-weight:800;color:#55647b}
.eyebrow{display:inline-flex;gap:7px;align-items:center;padding:8px 13px;border-radius:999px;color:var(--blue);background:#eaf2ff;border:1px solid #d7e6ff;font-size:10px;font-weight:900;letter-spacing:.7px}
.dashboard-hero{position:relative;overflow:hidden;padding:62px 0 86px;background:radial-gradient(circle at 80% 30%,rgba(35,176,170,.12),transparent 25%),linear-gradient(120deg,#eef5ff,#fff 52%,#effaf5)}
.dashboard-hero:before{content:"";position:absolute;right:-200px;top:-230px;width:520px;height:520px;border:70px solid rgba(18,103,255,.05);border-radius:50%}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center}
.dashboard-hero h1,.catalog-hero h1,.material-hero h1{margin:17px 0 14px;font:800 clamp(37px,4.5vw,61px)/1.03 Poppins,sans-serif;letter-spacing:-2px;color:var(--navy)}
.dashboard-hero h1 em,.catalog-hero h1 em,.material-hero h1 em{font-style:normal;color:var(--blue)}
.dashboard-hero p,.catalog-hero p,.material-hero p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.hero-actions{display:flex;gap:10px;margin-top:27px;flex-wrap:wrap}
.primary-btn,.secondary-btn{min-height:48px;padding:0 17px;border-radius:13px;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:900}
.primary-btn{border:1px solid var(--blue);background:linear-gradient(135deg,#176eff,#0856df);color:#fff;box-shadow:0 12px 25px rgba(18,103,255,.18)}
.primary-btn b{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center}
.secondary-btn{border:1px solid #bcd1ef;background:#fff;color:var(--blue)}
.inline-btn{width:max-content}
.hero-score-card{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid #dfebf7;border-radius:25px;background:rgba(255,255,255,.74);box-shadow:var(--shadow);backdrop-filter:blur(10px)}
.score-ring{--score:0%;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) var(--score),#e8eff8 0);position:relative}
.score-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}
.score-ring>div{z-index:1;text-align:center}
.score-ring strong,.score-ring small{display:block}.score-ring strong{font:800 26px Poppins,sans-serif;color:var(--navy)}.score-ring small{font-size:10px;color:#8d99aa;margin-top:1px}
.score-meta .status-pill{display:inline-block;padding:6px 9px;border-radius:99px;color:var(--blue);background:#eef5ff;font-size:9px;font-weight:900;letter-spacing:.7px}
.score-meta h3{margin:10px 0 4px;font:800 18px Poppins,sans-serif}.score-meta p{font-size:11px;line-height:1.55}.score-meta a{display:inline-block;margin-top:10px;color:var(--blue);font-size:11px;font-weight:800}
.app-alert{margin:24px 0;padding:13px 16px;border-radius:13px;border:1px solid #dce7f5;background:#eef5ff;color:#28538f;font-size:12px}
.app-alert.success{background:#edfbf5;border-color:#c7f2df;color:#08774b}.app-alert.danger{background:#fff0f3;border-color:#ffd2d9;color:#a62d3f}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:-37px;position:relative;z-index:2}
.stat-card{display:flex;align-items:center;gap:12px;min-height:92px;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(24,48,92,.06)}
.stat-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-weight:900}
.stat-card.blue .stat-icon{background:#eaf2ff;color:var(--blue)}.stat-card.green .stat-icon{background:#eaf9f3;color:var(--green)}.stat-card.purple .stat-icon{background:#f1ecff;color:var(--purple)}.stat-card.orange .stat-icon{background:#fff2df;color:var(--orange)}
.stat-card strong,.stat-card small{display:block}.stat-card strong{font:800 22px Poppins,sans-serif;color:var(--navy)}.stat-card small{font-size:10px;color:#8793a6;margin-top:2px}.stat-card i{margin-left:auto;font-style:normal;color:#b4bfd0}
.section-block{padding-top:52px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}.section-kicker{display:block;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:1.2px}.section-head h2{margin:5px 0 0;font:800 25px Poppins,sans-serif;color:var(--navy)}.section-head>a,.section-head>span{color:#718098;font-size:11px;font-weight:700}
.resume-grid{display:grid;gap:12px}
.resume-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #dce8f4;border-radius:17px;background:linear-gradient(90deg,#f6fbff,#fff);box-shadow:0 8px 28px rgba(24,48,92,.04)}
.resume-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eaf2ff;color:var(--blue);font-size:19px}
.resume-main{flex:1}.resume-main>span{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8491a5;font-weight:900}.resume-main h3{margin:4px 0 7px;font:800 14px Poppins,sans-serif}.resume-main small{color:#8995a7;font-size:10px}.progress-line{height:7px;border-radius:99px;background:#e9eef5;overflow:hidden;margin:4px 0 6px}.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#39a2ff)}
.mini-primary{display:inline-flex;justify-content:center;align-items:center;padding:10px 13px;border-radius:10px;background:var(--blue);color:#fff;font-size:10px;font-weight:900;white-space:nowrap}
.two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.panel{border:1px solid var(--line);border-radius:19px;background:#fff;padding:22px;box-shadow:0 8px 30px rgba(24,48,92,.04)}.panel-title{display:flex;gap:11px;align-items:center}.panel-title>span{width:37px;height:37px;border-radius:12px;background:#eef5ff;display:grid;place-items:center}.panel-title h3{margin:0;font:800 15px Poppins,sans-serif}.panel-title small{color:#8b97a9;font-size:10px}
.progress-list{margin-top:20px;display:grid;gap:17px}.progress-top{display:flex;justify-content:space-between;gap:20px}.progress-top strong{font-size:11px}.progress-top span{font-size:11px;color:var(--blue);font-weight:900}.progress-item>small{font-size:9px;color:#9aa5b5}
.weak-list{margin-top:18px;display:grid;gap:7px}.weak-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px;border-radius:12px;border:1px solid #edf0f4}.weak-item:hover{background:#f8fbff}.weak-item strong,.weak-item small{display:block}.weak-item strong{font-size:11px}.weak-item small{font-size:9px;color:#8d98aa;margin-top:3px}.weak-item>span{font-size:11px;color:var(--red);font-weight:900}
.empty-state{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;color:#8390a3}.empty-state>span{font-size:25px}.empty-state strong{color:var(--navy);font-size:12px}.empty-state small{max-width:320px;font-size:10px;line-height:1.6;margin-bottom:10px}
.result-table{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.table-head,.table-row{display:grid;grid-template-columns:2.1fr .8fr .8fr 1fr 1fr;gap:16px;align-items:center}.table-head{padding:13px 16px;background:#f8faff;color:#8b97a9;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:900}.table-row{padding:15px 16px;border-top:1px solid #edf0f4;font-size:10px}.table-row>span:first-child strong,.table-row>span:first-child small{display:block}.table-row>span:first-child strong{font-size:11px;color:var(--navy)}.table-row>span:first-child small{margin-top:3px;color:#8d99ab;font-size:9px}.result-pill{display:inline-block;padding:5px 8px;border-radius:99px;font-size:8px;font-weight:900}.result-pill.pass{background:#eaf9f3;color:#08774b}.result-pill.fail{background:#fff0f3;color:#ab3344}.empty-row{padding:25px;text-align:center;color:#8c98aa;font-size:11px}
.exam-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.exam-mini-card,.exam-card,.material-card,.subject-card,.mock-card{border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 8px 27px rgba(24,48,92,.04)}.exam-mini-card{padding:17px}.exam-mini-top,.exam-card-head,.material-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.exam-logo,.exam-brand-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#eaf3ff,#dceaff);color:var(--blue);font:800 14px Poppins,sans-serif}.access-badge{padding:6px 8px;border-radius:999px;font-size:8px;font-weight:900}.access-badge.free{background:#eaf9f3;color:#0c8355}.access-badge.premium{background:#fff3dd;color:#a36a07}.exam-mini-card>small{display:block;margin-top:16px;color:#8a96a8;font-size:9px;font-weight:800}.exam-mini-card h3{margin:5px 0 7px;font:800 15px Poppins,sans-serif}.exam-mini-card p{margin:0;color:#7c889d;font-size:10px;line-height:1.6}.exam-meta,.tag-row,.mock-meta,.material-meta,.detail-tags{display:flex;gap:8px;flex-wrap:wrap}.exam-meta{margin:15px 0;color:#7c879a;font-size:9px}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f4;padding-top:12px;color:var(--blue);font-size:10px;font-weight:900}
.app-footer{margin-top:70px;padding-top:40px;background:#091c3e;color:#c3cee0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid .brand-copy strong{color:#fff}.footer-grid p{max-width:410px;color:#8796ad;font-size:10px;line-height:1.7}.footer-grid>div>strong{display:block;margin-bottom:10px;color:#fff;font-size:11px}.footer-grid>div>a:not(.brand){display:block;margin:7px 0;color:#91a0b7;font-size:10px}.footer-bottom{padding:18px 0;color:#70829f;font-size:9px;border-top:1px solid rgba(255,255,255,.08);text-align:center;margin-top:26px}.simple-footer{padding-top:15px}

.catalog-hero,.material-hero{padding:57px 0 50px;background:radial-gradient(circle at 87% 20%,rgba(18,103,255,.09),transparent 22%),linear-gradient(130deg,#eef5ff,#fff 58%,#f5fbf8)}
.catalog-search{display:grid;grid-template-columns:1fr 180px 145px 105px;gap:9px;margin-top:28px;padding:9px;border-radius:17px;background:#fff;border:1px solid #dfe8f5;box-shadow:0 12px 35px rgba(24,48,92,.06)}
.search-input{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #ebeff5;border-radius:11px}.search-input span{color:#73839c}.search-input input{width:100%;border:0;outline:0;height:43px;background:transparent;font-size:12px}.catalog-search select,.catalog-search button{height:43px;border-radius:11px;border:1px solid #e2e8f1;background:#fbfcff;padding:0 11px;font-size:11px;font-weight:700;color:#576680}.catalog-search button{background:var(--blue);border-color:var(--blue);color:#fff;cursor:pointer}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.filter-chips a{padding:8px 11px;border:1px solid #dfe6ef;border-radius:999px;background:#fff;color:#78869c;font-size:9px;font-weight:800}.filter-chips a.active{background:#eaf2ff;color:var(--blue);border-color:#d4e3ff}
.catalog-section{padding:38px 0}.catalog-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#8b97aa;font-size:10px}.catalog-summary strong{color:var(--navy);font-size:16px}.exam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.exam-card{padding:19px}.exam-brand-icon.big,.exam-brand-icon{flex:0 0 auto}.exam-brand-icon{background:linear-gradient(135deg,#eaf3ff,#dfeafe)}.category-label{display:inline-block;margin-top:12px;color:#8b97aa;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.exam-card h2{margin:6px 0 7px;font:800 18px Poppins,sans-serif;color:var(--navy)}.exam-card p{margin:0;color:#7d899d;font-size:10px;line-height:1.65;min-height:50px}.tag-row{margin:17px 0;color:#6e7c93;font-size:9px}.exam-card-footer{display:flex;justify-content:space-between;gap:15px;align-items:end;border-top:1px solid #edf0f4;padding-top:14px}.exam-card-footer strong,.exam-card-footer small{display:block}.exam-card-footer strong{font:800 18px Poppins,sans-serif}.exam-card-footer small{font-size:8px;color:#98a4b4;margin-top:2px}.large-empty{grid-column:1/-1;padding:55px 20px;text-align:center;border:1px dashed #cdd8e6;border-radius:20px;background:#fff;color:#8390a4}.large-empty span{font-size:32px}.large-empty h2{margin:10px 0 6px;font:800 21px Poppins,sans-serif;color:var(--navy)}.large-empty p{margin:0 auto 17px;max-width:450px;font-size:11px;line-height:1.6}.large-empty.compact{padding:38px}
.pagination{display:flex;justify-content:center;gap:6px;margin-top:25px;flex-wrap:wrap}.pagination a{min-width:36px;height:36px;padding:0 10px;border:1px solid #dfe7f1;border-radius:10px;display:grid;place-items:center;background:#fff;color:#708099;font-size:10px;font-weight:800}.pagination a.active,.pagination a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.exam-detail-hero{padding:32px 0 52px;background:radial-gradient(circle at 85% 15%,rgba(14,166,107,.08),transparent 22%),linear-gradient(125deg,#f2f7ff,#fff 58%,#f2fbf7)}
.breadcrumb{display:flex;gap:8px;align-items:center;color:#8b97a9;font-size:9px;margin-bottom:28px}.breadcrumb a{color:var(--blue);font-weight:800}.detail-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:42px}.detail-label{display:flex;align-items:center;gap:12px}.detail-label>div{display:flex;align-items:center;gap:9px}.detail-label .category-label{margin:0}.detail-grid h1{margin:17px 0 10px;font:800 clamp(38px,4.5vw,61px)/1.03 Poppins,sans-serif;letter-spacing:-2px;color:var(--navy)}.detail-lead{max-width:690px;color:#708098;font-size:13px;line-height:1.8}.detail-tags{margin-top:19px}.detail-tags span{padding:8px 10px;border-radius:9px;background:#fff;border:1px solid #dde7f1;color:#6e7b91;font-size:9px;font-weight:800}.detail-cta{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.detail-side-card{padding:24px;border:1px solid #dfe8f3;border-radius:21px;background:rgba(255,255,255,.78);box-shadow:var(--shadow)}.side-kicker{font-size:9px;letter-spacing:1px;color:var(--blue);font-weight:900}.snapshot-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f5;font-size:10px}.snapshot-row span{color:#8693a5}.snapshot-row strong{color:var(--navy)}.snapshot-note{margin-top:15px;padding:11px;border-radius:11px;background:#f5f8fc;color:#768399;font-size:9px;line-height:1.6}
.detail-notice{margin-top:-26px}.detail-content{padding-bottom:30px}.subject-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.subject-card{padding:19px}.subject-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;font-size:18px}.subject-number{display:block;margin-top:12px;color:#98a4b6;font-size:8px;font-weight:900}.subject-card h3{margin:3px 0 5px;font:800 17px Poppins,sans-serif}.subject-card p{margin:0;color:#7b889d;font-size:9px;line-height:1.6}.subject-meta{display:flex;gap:14px;margin-top:13px;color:#7b8799;font-size:9px;font-weight:800}.topic-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #eef1f5}.topic-list span{display:flex;align-items:center;gap:5px;padding:6px 8px;background:#f8fafd;border:1px solid #edf0f4;border-radius:8px;color:#718097;font-size:8px}.topic-list b{color:var(--blue);font-weight:900}
.mock-list{display:grid;gap:11px}.mock-card{display:grid;grid-template-columns:56px 1fr 150px;align-items:center;gap:14px;padding:16px}.mock-index{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0f5ff;color:var(--blue);font-size:9px;font-weight:900}.mock-body .category-label{margin:0}.mock-body h3{margin:4px 0 4px;font:800 14px Poppins,sans-serif}.mock-body p{margin:0;color:#8793a6;font-size:9px;line-height:1.55}.mock-meta{margin-top:8px;color:#738198;font-size:8px}.mock-action{display:flex;align-items:end;flex-direction:column;gap:9px}
.detail-disclaimer{margin-top:20px;padding:15px;border-radius:13px;background:#fff9ed;border:1px solid #f5e1ad;color:#8e6a1b;font-size:9px;line-height:1.7}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.material-card{overflow:hidden}.material-cover{height:145px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#edf4ff,#f8fbff)}.material-cover span{font-size:39px}.material-cover b{position:absolute;left:13px;bottom:11px;padding:6px 8px;border-radius:7px;color:#fff;background:rgba(9,35,79,.72);font-size:8px;letter-spacing:.7px}.material-body{padding:17px}.material-top{align-items:start}.material-top .category-label{margin:0;max-width:60%}.material-body h3{margin:9px 0 6px;font:800 16px Poppins,sans-serif}.material-body p{margin:0;color:#7e8a9e;font-size:9px;line-height:1.6;min-height:45px}.material-meta{margin:14px 0;color:#7c889b;font-size:8px}
.profile-hero{padding:35px 0;background:linear-gradient(120deg,#eef5ff,#fff)}
.profile-hero-grid{display:flex;justify-content:space-between;gap:25px;align-items:center}.profile-user{display:flex;align-items:center;gap:15px}.profile-avatar{width:72px;height:72px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(135deg,#1267ff,#2f9eff);color:#fff;font:800 26px Poppins,sans-serif;box-shadow:0 15px 30px rgba(18,103,255,.2)}.profile-user h1{margin:4px 0 4px;font:800 29px Poppins,sans-serif;color:var(--navy)}.profile-user p{margin:0;color:#7e8b9e;font-size:10px}.plan-card{min-width:230px;padding:16px 18px;border:1px solid #dce8f5;border-radius:17px;background:#fff;box-shadow:0 8px 25px rgba(24,48,92,.04)}.plan-card span,.plan-card strong,.plan-card small{display:block}.plan-card span{font-size:8px;color:var(--blue);font-weight:900;letter-spacing:.7px}.plan-card strong{margin-top:6px;font:800 15px Poppins,sans-serif}.plan-card small{margin-top:3px;color:#8995a8;font-size:9px}.profile-section{padding-top:28px}.compact-stats{margin:0 0 24px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:7px;font-size:10px;font-weight:800;color:#53627c}.field input,.field select{width:100%;height:45px;border:1px solid var(--line);border-radius:11px;padding:0 12px;outline:none;background:#fbfcfe;color:var(--navy);font-size:11px}.field input:focus{border-color:#88b0ff;box-shadow:0 0 0 3px rgba(18,103,255,.08)}.field input:disabled{background:#f4f7fb;color:#8d99a9}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.header-actions .header-btn{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.detail-grid,.profile-grid{grid-template-columns:1fr}.hero-score-card{max-width:600px}.exam-mini-grid{grid-template-columns:repeat(2,1fr)}.exam-grid{grid-template-columns:repeat(2,1fr)}.material-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.nav-wrap{min-height:66px}.brand-copy strong{font-size:15px}.dashboard-hero,.catalog-hero,.material-hero{padding:42px 0 60px}.dashboard-hero h1,.catalog-hero h1,.material-hero h1{font-size:38px;letter-spacing:-1.5px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:-28px}.stat-card{min-height:78px;padding:12px}.stat-icon{width:38px;height:38px;border-radius:11px}.stat-card strong{font-size:18px}.two-column,.exam-mini-grid,.exam-grid,.material-grid,.subject-grid{grid-template-columns:1fr}.hero-score-card{padding:16px}.score-ring{width:104px;height:104px}.score-ring strong{font-size:21px}.section-head{align-items:start;flex-direction:column;gap:6px}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;gap:7px 12px}.table-row>span:first-child{grid-column:1/-1}.table-row>span:last-child{text-align:right}.catalog-search{grid-template-columns:1fr;padding:8px}.catalog-summary{align-items:start;flex-direction:column;gap:6px}.detail-grid h1{font-size:39px}.mock-card{grid-template-columns:43px 1fr}.mock-action{grid-column:2;align-items:start;flex-direction:row;flex-wrap:wrap}.profile-hero-grid{align-items:flex-start;flex-direction:column}.plan-card{width:100%}.profile-user h1{font-size:24px}}