:root{
  --primary:#2563eb;--primary-2:#4f46e5;--primary-dark:#123b8f;--primary-soft:#edf4ff;
  --violet:#7c3aed;--text:#10275c;--muted:#667694;--surface:#fff;--page:#f6f9fe;
  --line:#dfe7f3;--success:#16a267;--danger:#dc3545;--radius:18px;
  --shadow:0 12px 32px rgba(25,58,105,.09);--max:1450px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-shell>.home-main,.site-shell>.detail-main{flex:1}
/* Header */
.site-header{position:sticky;top:0;z-index:1000;color:#fff;background:linear-gradient(105deg,#4e70ef 0%,#2879ed 52%,#7562e9 100%);box-shadow:0 5px 22px rgba(43,89,189,.18)}
.header-inner{width:min(var(--max),calc(100% - 56px));min-height:90px;margin:auto;display:grid;grid-template-columns:minmax(245px,1fr) auto minmax(330px,1fr);align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;color:#fff}.brand-mark{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.15);font-size:22px}.brand-text strong{display:block;font-size:1.28rem;line-height:1.1;letter-spacing:-.035em}.brand-text small{display:block;margin-top:4px;font-size:.68rem;opacity:.9}.main-nav{height:90px;display:flex;align-items:center;gap:4px}.nav-link{position:relative;height:90px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.96);font-size:.9rem;font-weight:700}.nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:17px;height:3px;border-radius:10px;background:#fff;transform:scaleX(0);transition:.2s}.nav-link:hover:after,.nav-link.is-active:after{transform:scaleX(1)}.header-actions{justify-self:end;display:flex;align-items:center;gap:16px}.global-search{width:min(360px,31vw);height:48px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#8797b3;background:#fff;border-radius:15px;box-shadow:0 7px 18px rgba(0,0,0,.06)}.global-search input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:.78rem}.global-search input::placeholder{color:#8997af}.header-account{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:.78rem}.account-avatar{width:34px;height:34px;display:grid;place-items:center;color:var(--primary);background:#fff;border-radius:50%}.mobile-menu-btn{display:none;width:42px;height:42px;border:0;border-radius:10px;color:#fff;background:rgba(255,255,255,.15);cursor:pointer;font-size:18px}
/* Flash */
.flash-stack{position:fixed;top:102px;right:22px;z-index:1100;width:min(390px,calc(100% - 30px));display:grid;gap:9px}.flash-message{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem}.flash-message.success{color:#0c7548}.flash-message.danger{color:#a51f2d}.flash-close{margin-left:auto;border:0;background:transparent;color:#7d8aa0;font-size:20px;cursor:pointer}
/* Main */
.home-main{width:min(var(--max),calc(100% - 56px));margin:auto;padding:25px 0 46px}.learning-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}.left-column{display:flex;flex-direction:column;gap:18px}.content-column{min-width:0}
/* Cards / filter */
.filter-card,.login-card{background:var(--surface);border:1px solid #e4ebf5;border-radius:var(--radius);box-shadow:var(--shadow)}.filter-card{padding:20px}.filter-heading{display:flex;align-items:center;gap:10px;margin:2px 0 18px}.filter-heading>div{display:grid;gap:2px}.filter-heading strong{font-size:.9rem}.filter-heading small{color:var(--muted);font-size:.68rem}.filter-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--primary);background:var(--primary-soft)}.filter-label{display:block;margin:12px 2px 6px;color:#41516d;font-size:.7rem;font-weight:800}.select-control,.input-control{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 11px;border:1px solid #d8e2f0;border-radius:11px;background:#fbfdff;color:#71809a;transition:border-color .18s,box-shadow .18s}.select-control:focus-within,.input-control:focus-within{border-color:#7aa8ff;box-shadow:0 0 0 3px rgba(37,99,235,.08);background:#fff}.select-control select,.input-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:.76rem}.select-control select{appearance:none;cursor:pointer}.select-chevron{font-size:.65rem;color:#98a6ba}.primary-btn,.secondary-btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-size:.76rem;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s,filter .18s}.primary-btn{border:0;color:#fff;background:linear-gradient(110deg,#1675f3,#4c63ee);box-shadow:0 8px 18px rgba(37,99,235,.18)}.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.secondary-btn{border:1px solid #d9e3f1;color:#31547f;background:#fff}.filter-actions{display:grid;gap:7px;margin-top:14px}.filter-submit{width:100%}.reset-filter{display:flex;align-items:center;justify-content:center;gap:6px;color:#5e7190;font-size:.7rem;font-weight:700;padding:5px}.reset-filter:hover{color:var(--primary)}
/* Login */
.login-card{padding:20px;background:linear-gradient(180deg,#eee8ff 0%,#fff 48%)}.login-card-top{display:flex;align-items:center;gap:12px;margin-bottom:15px}.big-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5f74f5,#8b57ed);border-radius:50%;font-size:18px}.login-card h3{margin:0;color:var(--text);font-size:1rem}.login-card p{margin:4px 0 0;color:var(--muted);font-size:.68rem;line-height:1.45}.login-card p strong{color:var(--primary-dark)}.input-control{margin-top:9px}.input-control input{font-size:.76rem}.eye-btn{width:30px;height:30px;padding:0;border:0;background:transparent;color:#7787a0;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 13px;font-size:.67rem}.login-options label{display:flex;align-items:center;gap:5px}.login-options input{accent-color:var(--primary)}.muted-note{color:#8b99ad}.login-submit{width:100%;margin-top:2px}.login-card>.secondary-btn{width:100%;margin-top:8px}
/* Hero */
.hero-banner{position:relative;min-height:246px;overflow:hidden;display:flex;align-items:center;padding:36px 42px;border-radius:22px;background:radial-gradient(circle at 82% 20%,rgba(255,255,255,.96),transparent 28%),linear-gradient(110deg,#d9e9ff 0%,#f7fbff 56%,#e2e9ff 100%);box-shadow:var(--shadow);border:1px solid rgba(211,226,248,.9)}.hero-copy{position:relative;z-index:3;max-width:650px}.hero-eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:#2365ce;font-size:.64rem;font-weight:900;letter-spacing:.07em}.hero-copy h1{margin:9px 0 10px;color:#123b8f;font-size:clamp(2rem,3.1vw,2.75rem);line-height:1.08;letter-spacing:-.055em}.hero-copy h1 span{color:#2563eb}.hero-copy p{max-width:650px;margin:0;color:#607493;font-size:.82rem;line-height:1.65}.hero-actions{display:flex;gap:9px;margin-top:18px}.hero-btn{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:10px;font-size:.72rem;font-weight:800}.hero-btn.primary{color:#fff;background:linear-gradient(110deg,#176ff0,#5260ed);box-shadow:0 8px 18px rgba(37,99,235,.17)}.hero-btn.ghost{color:#27569b;background:rgba(255,255,255,.65);border:1px solid #cfe0f7}.hero-decoration{position:absolute;right:0;top:0;width:43%;height:100%;pointer-events:none}.hero-orbit{position:absolute;border:1px solid rgba(65,125,226,.17);border-radius:50%}.orbit-one{width:320px;height:320px;right:-70px;top:-45px}.orbit-two{width:210px;height:210px;right:45px;top:18px}.hero-cap{position:absolute;right:135px;top:64px;width:94px;height:94px;display:grid;place-items:center;border-radius:28px;color:#fff;background:linear-gradient(135deg,#4b72ee,#765be8);font-size:44px;transform:rotate(-8deg);box-shadow:0 18px 34px rgba(65,85,210,.22)}.hero-note{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:12px;color:#315783;background:rgba(255,255,255,.82);border:1px solid rgba(211,225,244,.9);box-shadow:0 8px 22px rgba(47,83,140,.11);font-size:.65rem;font-weight:800}.note-one{right:54px;top:44px}.note-two{right:238px;bottom:39px}.note-three{right:40px;bottom:57px}.note-one i{color:#2563eb}.note-two i{color:#f59e0b}.note-three i{color:#8b5cf6}
/* Section */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:27px 0 15px}.section-head h2{margin:5px 0 0;color:#12347e;font-size:1.35rem;letter-spacing:-.03em}.section-head p{margin:5px 0 0;color:var(--muted);font-size:.73rem}.result-tools{display:flex;align-items:center;gap:10px;color:#72819a;font-size:.7rem;white-space:nowrap}.result-tools strong{color:#1e4fa6}.view-toggle-group{display:flex;overflow:hidden;border:1px solid #dbe5f1;border-radius:10px}.view-toggle{width:38px;height:36px;border:0;background:#fff;color:#7d8ba0;cursor:pointer}.view-toggle.active{color:#fff;background:var(--primary)}
.active-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:9px 12px;border:1px solid #dce7f5;border-radius:11px;background:#f8fbff;color:#58708f;font-size:.68rem}.active-filter-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.active-filter-bar>div>i{color:var(--primary)}.active-filter-bar a{color:var(--primary);font-weight:800;white-space:nowrap}.filter-chip{padding:4px 8px;border-radius:999px;background:#eaf2ff;color:#285ca6}
/* Course cards */
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e9f4;border-radius:16px;box-shadow:0 7px 20px rgba(25,58,105,.06);transition:transform .2s,box-shadow .2s,border-color .2s}.course-card:hover{transform:translateY(-4px);border-color:#c9daf5;box-shadow:0 16px 30px rgba(37,99,235,.11)}.course-link{display:block;height:100%}.course-cover{height:154px;position:relative;overflow:hidden;display:grid;place-items:center;background-color:#dbe7f7;background-size:cover;background-position:center}.course-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,31,67,.03),rgba(8,28,63,.22))}.cover-default{background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.18),transparent 28%),linear-gradient(135deg,#1e63da,#4338ca)}.cover-default-content{position:relative;z-index:2;display:grid;justify-items:center;gap:7px;color:#fff;text-align:center}.cover-default-content span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.16);font-size:25px}.cover-default-content strong{max-width:180px;font-size:.78rem}.public-badge{position:absolute;right:11px;top:11px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;color:#fff;background:#16b66e;font-size:.61rem;font-weight:900;box-shadow:0 5px 12px rgba(10,103,65,.16)}.course-body{padding:15px}.course-category{margin-bottom:5px;color:#3975d4;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.course-body h3{margin:0;color:#10275c;font-size:.92rem;line-height:1.32}.course-body p{min-height:40px;margin:7px 0 10px;color:#6a7891;font-size:.69rem;line-height:1.55}.course-meta{display:flex;flex-wrap:wrap;gap:8px 12px;padding-top:10px;border-top:1px solid #edf1f7;color:#74839a;font-size:.62rem}.course-meta span{display:inline-flex;align-items:center;gap:5px}.course-meta i{color:#4f7fd0}.teacher-meta{min-width:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.teacher-meta>i{flex:0 0 auto}.teacher-meta .public-guru-avatar{width:24px;height:24px;min-width:24px;min-height:24px;flex:0 0 24px;display:block;object-fit:cover;object-position:center;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(25,58,105,.14);background:#edf4ff}.teacher-meta>span{min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.read-more{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-size:.67rem;font-weight:900}.read-more i{transition:transform .18s}.course-card:hover .read-more i{transform:translateX(3px)}.date{color:#8a97aa;font-size:.6rem}.course-grid.list{grid-template-columns:1fr}.course-grid.list .course-card{display:grid;grid-template-columns:220px minmax(0,1fr)}.course-grid.list .course-cover{height:100%;min-height:190px}.course-grid.list .course-body p{min-height:0}
.empty-state{grid-column:1/-1;padding:55px 20px;text-align:center;background:#fff;border:1px dashed #cddced;border-radius:16px}.empty-icon{width:64px;height:64px;margin:0 auto 13px;display:grid;place-items:center;color:#5a83ce;background:#edf4ff;border-radius:18px;font-size:26px}.empty-state h3{margin:0 0 6px;font-size:1rem}.empty-state p{margin:0 auto 16px;max-width:460px;color:var(--muted);font-size:.72rem;line-height:1.6}.empty-reset{width:auto}
/* About */
.about-strip{margin-top:34px;padding:29px 31px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;color:#fff;background:linear-gradient(125deg,#1b3f82,#112d58 70%,#0e2547);border-radius:20px;box-shadow:var(--shadow)}.about-strip .eyebrow{color:#86b5ff;font-size:.62rem;font-weight:900;letter-spacing:.1em}.about-strip h2{margin:7px 0 0;font-size:1.35rem;line-height:1.25}.about-copy p{margin:0;color:#c8d6ec;font-size:.73rem;line-height:1.65}.about-points{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:12px;color:#e7effb;font-size:.64rem;font-weight:700}.about-points i{margin-right:4px;color:#5de0a1}
/* Detail */
.detail-main{width:min(980px,calc(100% - 40px));margin:auto;padding:30px 0 55px}.back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:15px;color:#326bc1;font-size:.75rem;font-weight:800}.material-detail-card{overflow:hidden;background:#fff;border:1px solid #e0e8f3;border-radius:20px;box-shadow:var(--shadow)}.detail-cover{height:280px;position:relative;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2563eb,#4338ca);background-size:cover;background-position:center;font-size:72px}.detail-cover:after{content:"";position:absolute;inset:0;background:rgba(8,31,70,.15)}.detail-cover .public-badge{top:18px;right:18px}.detail-body{padding:31px}.detail-body h1{margin:8px 0 13px;font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.15;letter-spacing:-.045em}.detail-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e7edf5;color:#6e7d96;font-size:.7rem}.detail-meta span{display:inline-flex;align-items:center;gap:6px}.detail-meta i{color:#3975d4}.material-content{color:#394b69;font-size:.86rem;line-height:1.85}.material-content img{max-width:100%;height:auto}.material-content h1,.material-content h2,.material-content h3{color:#173d84}.detail-body>.primary-btn{margin-top:24px;width:auto}
/* Footer */
.site-footer{margin-top:auto;color:#fff;background:linear-gradient(110deg,#102d57,#0d2546 70%,#071d3a)}.footer-inner{width:min(var(--max),calc(100% - 56px));min-height:120px;margin:auto;display:grid;grid-template-columns:1.2fr auto 1fr;align-items:center;gap:28px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-mark{width:42px;height:42px;flex-basis:42px;font-size:18px}.footer-brand strong{font-size:.9rem}.footer-brand p{margin:4px 0 0;color:#cbd7e9;font-size:.62rem}.footer-nav{display:flex;align-items:center;gap:18px;color:#eaf1fb;font-size:.68rem}.footer-nav a:hover{text-decoration:underline}.footer-right{text-align:right}.socials{display:flex;justify-content:flex-end;gap:13px;margin-bottom:9px}.socials a{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);font-size:.72rem}.footer-right small{color:#bdcce1;font-size:.58rem}
/* Responsive */
@media(max-width:1180px){.header-inner,.footer-inner,.home-main{width:min(1100px,calc(100% - 36px))}.header-inner{grid-template-columns:1fr auto}.main-nav{grid-column:1/-1;grid-row:2;height:48px;justify-content:center}.nav-link{height:48px}.nav-link:after{bottom:4px}.header-actions{grid-column:2;grid-row:1}.learning-layout{grid-template-columns:250px minmax(0,1fr);gap:22px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-banner{min-height:230px}.hero-decoration{width:38%}}
@media(max-width:900px){.site-header{position:sticky}.header-inner{min-height:72px;display:flex;width:calc(100% - 28px);gap:10px}.brand-mark{width:43px;height:43px;flex-basis:43px}.brand-text strong{font-size:1.1rem}.brand-text small{display:none}.header-actions{display:none}.mobile-menu-btn{display:block;margin-left:auto}.main-nav{position:absolute;left:0;right:0;top:72px;height:auto;padding:9px 14px 13px;display:none;flex-direction:column;align-items:stretch;background:linear-gradient(105deg,#4e70ef,#7562e9);box-shadow:0 12px 24px rgba(0,0,0,.14)}.main-nav.is-open{display:flex}.nav-link{height:42px;padding:0 12px;border-radius:9px}.nav-link:hover{background:rgba(255,255,255,.1)}.nav-link:after{display:none}.home-main{width:min(100% - 28px,700px);padding-top:18px}.learning-layout{grid-template-columns:1fr}.left-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.hero-banner{min-height:260px;padding:30px}.hero-copy{max-width:64%}.hero-decoration{width:48%}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-strip{grid-template-columns:1fr;gap:13px}.footer-inner{grid-template-columns:1fr;padding:25px 0;text-align:center}.footer-brand,.footer-nav,.footer-right{justify-self:center}.footer-right{text-align:center}.socials{justify-content:center}}
@media(max-width:650px){.home-main{width:calc(100% - 20px);padding-bottom:30px}.left-column{display:flex}.filter-card,.login-card{padding:17px}.hero-banner{min-height:310px;padding:25px 21px;align-items:flex-start}.hero-copy{max-width:100%}.hero-copy h1{font-size:1.75rem}.hero-copy p{font-size:.74rem}.hero-eyebrow{font-size:.55rem}.hero-decoration{width:100%;height:120px;top:auto;bottom:0}.hero-cap{right:calc(50% - 42px);top:20px;width:74px;height:74px;font-size:33px;border-radius:22px}.hero-orbit{display:none}.note-one{right:12px;top:8px}.note-two{left:15px;bottom:18px}.note-three{right:14px;bottom:18px}.hero-actions{margin-top:14px;flex-wrap:wrap}.section-head{align-items:flex-start;flex-direction:column;margin-top:23px}.result-tools{width:100%;justify-content:space-between}.active-filter-bar{align-items:flex-start;flex-direction:column}.course-grid{grid-template-columns:1fr}.course-grid.list .course-card{display:block}.course-grid.list .course-cover{min-height:150px}.course-cover{height:165px}.about-strip{padding:24px 20px}.detail-main{width:calc(100% - 20px);padding-top:20px}.detail-cover{height:190px}.detail-body{padding:22px}.footer-inner{width:calc(100% - 24px)}.footer-nav{flex-wrap:wrap;justify-content:center;gap:10px 16px}}
@media(max-width:390px){.hero-banner{min-height:330px}.hero-copy h1{font-size:1.6rem}.login-options{font-size:.62rem}}

/* Public information pages */
.public-info-main{padding-bottom:55px}.public-nav-card{padding-bottom:12px}.info-side-nav{display:grid;gap:6px}.info-side-nav a{display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:9px;padding:11px 10px;border-radius:11px;color:#5d6f8c;font-size:.73rem;font-weight:800;transition:.18s}.info-side-nav a:hover{background:#f2f6fc;color:var(--primary)}.info-side-nav a.active{color:var(--primary);background:var(--primary-soft)}.info-side-nav a i:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--primary);border:1px solid #e2eaf5}.info-side-nav a i:last-child{font-size:.58rem;color:#9aa8ba}.info-hero{position:relative;overflow:hidden;min-height:245px;display:flex;align-items:center;padding:38px 42px;border-radius:22px;background:linear-gradient(115deg,#dceaff 0%,#f8fbff 58%,#e8e5ff 100%);border:1px solid #d6e4f7;box-shadow:var(--shadow)}.info-hero:after{content:"";position:absolute;width:280px;height:280px;right:-80px;top:-100px;border:1px solid rgba(57,107,200,.14);border-radius:50%;box-shadow:0 0 0 45px rgba(57,107,200,.035),0 0 0 90px rgba(57,107,200,.025)}.info-hero-copy{position:relative;z-index:2;max-width:680px}.info-hero-copy h1{margin:9px 0 10px;color:#123b8f;font-size:clamp(1.9rem,3.1vw,2.55rem);line-height:1.1;letter-spacing:-.05em}.info-hero-copy p{margin:0;color:#607493;font-size:.8rem;line-height:1.7}.info-hero-icon{position:absolute;z-index:2;right:100px;top:70px;width:92px;height:92px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4e70ef,#765be8);border-radius:28px;box-shadow:0 18px 34px rgba(65,85,210,.2);font-size:38px;transform:rotate(-7deg)}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.info-card{padding:21px;background:#fff;border:1px solid #e1e9f4;border-radius:17px;box-shadow:var(--shadow)}.info-card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-size:18px;margin-bottom:13px}.info-card-icon.blue{color:#2563eb;background:#edf4ff}.info-card-icon.violet{color:#7c3aed;background:#f2edff}.info-card-icon.green{color:#0f9f69;background:#e9fbf3}.info-card h2{margin:0 0 7px;font-size:.9rem}.info-card p{margin:0;color:#6b7990;font-size:.69rem;line-height:1.65}.info-story{margin-top:20px;padding:25px 27px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;color:#fff;background:linear-gradient(125deg,#1b3f82,#112d58 70%,#0e2547);border-radius:19px;box-shadow:var(--shadow)}.info-story h2{margin:7px 0 0;font-size:1.3rem;line-height:1.3}.info-story p{margin:0;color:#c9d7eb;font-size:.71rem;line-height:1.7}.info-checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:13px;color:#edf4fd;font-size:.62rem;font-weight:800}.info-checks i{color:#63e4aa;margin-right:4px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.contact-card{display:flex;gap:14px;align-items:flex-start;padding:20px;background:#fff;border:1px solid #e1e9f4;border-radius:17px;box-shadow:var(--shadow)}.contact-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:13px;color:#2563eb;background:#edf4ff;font-size:18px}.contact-card small{display:block;color:#6f82a0;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.contact-card h2{margin:4px 0 5px;font-size:.93rem}.contact-card p{margin:0;color:#6b7990;font-size:.69rem;line-height:1.6}.contact-note{margin-top:20px;padding:23px 25px;display:flex;gap:16px;align-items:center;color:#fff;background:linear-gradient(110deg,#2768cf,#4656d9);border-radius:18px;box-shadow:0 14px 28px rgba(37,99,235,.17)}.contact-note-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.15);font-size:22px}.contact-note .section-kicker{color:#cfe0ff}.contact-note h2{margin:5px 0 5px;font-size:1.05rem}.contact-note p{margin:0;color:#dbe7ff;font-size:.7rem;line-height:1.6}
@media(max-width:900px){.info-hero{min-height:235px;padding:31px}.info-hero-icon{right:45px;top:66px}.info-grid{grid-template-columns:1fr}.info-story{grid-template-columns:1fr;gap:14px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:650px){.info-hero{min-height:315px;padding:25px 21px;align-items:flex-start}.info-hero-copy{max-width:100%}.info-hero-copy h1{font-size:1.75rem}.info-hero-icon{right:calc(50% - 38px);top:auto;bottom:30px;width:76px;height:76px;border-radius:22px;font-size:30px}.info-story,.contact-note{padding:21px}.contact-note{align-items:flex-start}.contact-note-icon{width:45px;height:45px;flex-basis:45px;font-size:18px}.info-card,.contact-card{padding:18px}}