/* Pearl Institute 2.0 · 2026 public visual system. No external fonts or scripts required. */
:root{--ink:#101b38;--muted:#5c6983;--line:#e6ebf5;--blue:#4c64ea;--dark:#0c1735;--surface:#f6f8fd;--violet:#8066ee;--radius:22px}html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;letter-spacing:-.008em;line-height:1.65}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-color:#5a70f0}.shell{max-width:1240px;padding-inline:28px}.topbar{background:#0b1533;color:#d9e0f5;font-size:.71rem;letter-spacing:.045em}.topbar-inner{min-height:38px}.topbar a{color:#e3eaff}.topbar-links{display:flex;gap:22px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(229,234,244,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 3px 25px rgba(21,35,76,.03)}.header-inner{min-height:83px;gap:20px}.logo-mark{background:linear-gradient(140deg,#3859db,#8267ed);color:#fff;width:48px;height:48px;border-radius:15px;font-size:1.68rem;box-shadow:0 9px 20px rgba(78,95,220,.22)}.logo-dot{color:#a8cbff}.wordmark strong{font-size:1.06rem;color:#112146;letter-spacing:-.04em}.wordmark small{font-size:.58rem;letter-spacing:.105em;color:#73809b}.site-nav{gap:19px}.site-nav a{color:#485670;font-size:.82rem;font-weight:700;transition:color .16s}.site-nav a:hover,.site-nav a[aria-current=page]{color:#5266e5}.site-nav .nav-login{color:#fff!important;background:var(--ink);padding:12px 17px;border-radius:12px;box-shadow:0 6px 15px #12265720}.menu-toggle{border-radius:12px}.hero{display:block;position:relative;overflow:hidden;min-height:unset;padding:0;background:radial-gradient(circle at 80% 35%,#e7e7ff 0,transparent 45%),linear-gradient(130deg,#fbfcff 5%,#f1f5ff 100%);border-bottom:1px solid #e7ebf5}.hero-inner{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:36px;min-height:660px;padding-top:90px;padding-bottom:108px}.hero-copy{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border-radius:99px;border:1px solid #dbe2f6;background:#fff;color:#5262ae;font-size:.68rem;letter-spacing:.1em;font-weight:800}.pulse{width:8px;height:8px;border-radius:50%;background:#5b76f1;box-shadow:0 0 0 4px #e9edff}.hero h1{font-size:clamp(3.45rem,6vw,6rem);line-height:1.04;letter-spacing:-.075em;margin:26px 0 23px;color:#101c42}.gradient-text{background:linear-gradient(110deg,#3e66de,#8d64dd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:1.14rem;color:#5a6780;max-width:560px;line-height:1.86}.actions{margin-top:30px;gap:13px}.btn{border-radius:12px;padding:13px 21px;transition:transform .2s,box-shadow .2s,background .2s;font-size:.9rem}.btn-primary,.btn:not(.btn-outline):not(.btn-light):not(.btn-ghost){background:linear-gradient(110deg,#475ee8,#6959df);border-color:#5562e4;color:#fff;box-shadow:0 9px 22px #4b60e436}.btn-primary:hover,.btn:not(.btn-outline):not(.btn-light):not(.btn-ghost):hover{box-shadow:0 13px 28px #4b60e447}.btn-outline,.btn-ghost{background:#fff;color:#26375a;border-color:#d7e0f1}.hero-proof{display:flex;gap:14px;align-items:center;margin-top:44px;color:#253957}.hero-proof .proof-star{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:#566ce8;background:#e6ebff;font-size:1.5rem}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:.8rem}.hero-proof small{color:#78849c;font-size:.75rem}.hero-visual{min-height:465px;display:grid;place-items:center;position:relative}.visual-glow{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#c7c6ff,transparent 68%);filter:blur(25px);opacity:.68}.dashboard-mock{position:relative;z-index:1;width:min(455px,89%);border:1px solid #ffffff75;border-radius:25px;background:#121f47;box-shadow:0 35px 70px #172a5940;transform:rotate(-3deg);overflow:hidden;color:white}.mock-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;background:#1a2b5b;font-size:.67rem;font-weight:800;letter-spacing:.1em;color:#b7c5f1}.mock-dots{display:flex;gap:5px}.mock-dots i{width:8px;height:8px;background:#c7d1f7;border-radius:50%}.mock-dots i:nth-child(1){background:#fc8892}.mock-dots i:nth-child(2){background:#ffcb74}.mock-dots i:nth-child(3){background:#79d6e8}.mock-body{padding:43px 36px 37px}.mock-kicker{font-size:.68rem;letter-spacing:.12em;color:#a1aeef;font-weight:800}.mock-body h3{font-size:clamp(2.1rem,3.8vw,3.4rem);line-height:1.12;letter-spacing:-.055em;margin:17px 0 45px}.progress-caption{display:flex;justify-content:space-between;font-size:.78rem;color:#c2cbed;margin-bottom:13px}.progress-track{height:9px;border-radius:99px;background:#344775;overflow:hidden}.progress-track i{display:block;width:78%;height:100%;border-radius:99px;background:linear-gradient(90deg,#69abff,#b49cff)}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.mock-stats div{background:#233663;padding:15px 12px;border:1px solid #354979;border-radius:14px}.mock-stats span,.mock-stats small{display:block}.mock-stats span{font-size:1.25rem;font-weight:850}.mock-stats small{color:#adbce2;font-size:.72rem}.mini-float{display:flex;gap:10px;align-items:center;padding:13px 16px;border-radius:15px;background:white;position:absolute;z-index:2;box-shadow:0 15px 35px #0e214026;border:1px solid #e5eafa}.mini-float>span{display:grid;place-items:center;border-radius:10px;background:#e8ecff;color:#5665e8;width:38px;height:38px;font-size:1.4rem}.mini-float b,.mini-float small{display:block}.mini-float b{font-size:.79rem}.mini-float small{font-size:.68rem;color:#7a859e}.float-one{top:53px;right:-6px}.float-two{bottom:37px;left:-10px}.quick-links{margin-top:-39px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-grid a{background:#fff;border:1px solid #e7eaf3;box-shadow:0 12px 40px #192e5712;display:flex;align-items:center;gap:12px;border-radius:18px;padding:21px;text-decoration:none;transition:transform .2s,box-shadow .2s}.quick-grid a:hover{transform:translateY(-4px);box-shadow:0 19px 40px #192e5722}.quick-grid a>span{width:44px;height:44px;flex-shrink:0;background:#eff2ff;color:#5b6deb;display:grid;place-items:center;border-radius:13px;font-size:1.3rem}.quick-grid strong,.quick-grid small{display:block}.quick-grid strong{font-size:.84rem}.quick-grid small{color:#7a879e;font-size:.72rem}.quick-grid b{margin-left:auto;color:#6c7b9a}.section{padding-top:100px;padding-bottom:100px}.section-soft{background:#f7f9fd}.eyebrow{color:#5369e4;font-size:.71rem;letter-spacing:.14em}.section h2,.content-block h2{font-size:clamp(2.2rem,3.4vw,3.45rem);letter-spacing:-.055em;line-height:1.15}.section-heading{margin-bottom:40px}.section-heading p{max-width:370px;color:#69758b;line-height:1.85}.feature-grid{gap:19px}.feature-card{padding:29px;border-radius:23px;border-color:#e7ebf4;min-height:260px;box-shadow:0 7px 26px #182a4b08}.feature-card:hover,.course-card:hover,.showcase-card:hover{border-color:#cbd3f6;box-shadow:0 20px 42px #263b8020}.feature-head{display:flex;justify-content:space-between;align-items:center}.feature-head small{color:#b2bbce;font-weight:800}.feature-icon{background:#edf0ff;color:#5366df;width:51px;height:51px;border-radius:15px}.feature-card h3{margin-top:22px;color:#1a2948}.feature-card p{color:#69778c}.feature-card>span{color:#5368e0}.feature-card>span b{font-size:1.07rem;margin-left:5px}.split-section{gap:70px}.split-section p{font-size:1.05rem;line-height:1.9}.about-pills{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.about-pills span{border:1px solid #e1e7f3;border-radius:99px;padding:8px 12px;font-size:.75rem;color:#51617b;font-weight:750}.quote-panel{position:relative;background:linear-gradient(140deg,#e9ecff,#f5f2ff);border:1px solid #e3e5fb;border-radius:25px;padding:47px;overflow:hidden}.quote-symbol{color:#6473ea}.quote-panel p{color:#1c2c59;font-size:clamp(1.4rem,2.2vw,2.1rem);position:relative;z-index:1}.quote-panel em{font-style:normal;color:#6458d5}.quote-panel small{color:#6374af}.quote-decoration{position:absolute;right:-20px;bottom:-110px;font-size:19rem;color:#d9dbff}.section-dark{background:radial-gradient(circle at 85% 25%,#2b3c76,#0b1634 70%);color:white}.section-dark .eyebrow{color:#a8b9ff}.section-dark p{color:#bcc9e6}.section-dark .btn-light{background:#fff;color:#182954}.page-banner,.course-banner{position:relative;background:radial-gradient(circle at 90% 15%,#dfe2ff 0,transparent 48%),linear-gradient(130deg,#f8faff,#edf1fd);border-bottom:1px solid #e4e9f4;padding:75px 0 84px}.page-banner h1{letter-spacing:-.06em;color:#14224b}.page-banner p{color:#65718b}.crumbs{color:#7b89a2}.banner-highlights{color:#4559a0}.course-card,.showcase-card,.side-panel,.content-block,.auth-card{border-color:#e5e9f4;border-radius:21px;box-shadow:0 8px 30px #1929560a}.course-card-art{background:radial-gradient(circle at 90% 25%,#aabaff88,transparent 50%),linear-gradient(132deg,#17285a,#535ad6);min-height:170px}.course-art-symbol{color:#d9ddff99}.course-type{color:#fff}.course-card h3 a:hover{color:#5764d9}.course-link,.public-content a,.course-detail-card a{color:#4d62d6}.course-help{background:#eef1ff;border-color:#dce2fc}.student-context{background:linear-gradient(125deg,#eef1ff,#f7f9fd)}.student-context nav a{color:#5363c8}.site-footer{background:#0b1631}.footer-grid{gap:40px}.footer-grid a:hover{color:#fff}.footer-bottom{color:#a1acc9}.auth-card input:focus,.auth-card textarea:focus{outline:2px solid #5e71e8;border-color:#5e71e8}.public-content .content-block{border-radius:20px}.notice{border-left-color:#5769e1;background:#eef1ff}
@media(max-width:1150px){.site-nav{gap:12px}.site-nav a{font-size:.74rem}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:970px){.hero-inner{grid-template-columns:1fr;padding-top:64px;padding-bottom:90px}.hero-visual{min-height:400px}.site-nav{box-shadow:0 19px 28px #12265715;background:white;border-radius:0 0 18px 18px;padding:10px 16px 20px}.site-nav a{padding:10px 0}.menu-toggle{display:flex;gap:9px;align-items:center}.section{padding-top:80px;padding-bottom:80px}}
@media(max-width:650px){.topbar{display:none}.shell{padding-inline:20px}.header-inner{min-height:75px}.wordmark small{font-size:.52rem}.hero-inner{padding-top:55px;padding-bottom:85px}.hero h1{font-size:clamp(3.1rem,12vw,4.4rem)}.hero-copy>p{font-size:1rem}.hero-visual{min-height:330px}.dashboard-mock{width:88%}.mock-body{padding:27px 21px}.mock-body h3{margin-bottom:25px}.float-one{right:0;top:0}.float-two{left:0;bottom:0}.mini-float{padding:8px}.quick-links{margin-top:-28px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-grid a{padding:15px 11px;gap:9px}.quick-grid a>span{width:35px;height:35px;font-size:1.05rem}.quick-grid strong{font-size:.7rem}.quick-grid small{font-size:.62rem}.quick-grid b{display:none}.section{padding-top:68px;padding-bottom:68px}.section-heading{margin-bottom:28px}.quote-panel{padding:30px}.page-banner{padding:54px 0 60px}.feature-card{min-height:unset}.hero-proof{margin-top:30px}.footer-grid{gap:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* About, contact and first-party CAPTCHA */
.brand-hero{padding:90px 0;background:linear-gradient(125deg,#0b1639,#1d3473 65%,#295eb8);color:white}.brand-hero-short{padding:72px 0}.brand-hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.09;letter-spacing:-.045em;max-width:850px;margin:18px 0 22px}.brand-hero em{font-style:normal;color:#92c6ff}.brand-hero p{max-width:650px;line-height:1.8;color:#d8e5ff;font-size:1.08rem}.brand-hero .btn-outline{color:#fff;border-color:#88a8dc}.brand-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.brand-visual{border-radius:26px;border:1px solid #ffffff55;background:#ffffff16;padding:54px 32px;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 24px 75px #0002}.brand-badge{background:white;color:#193c86;font-weight:900;letter-spacing:.11em;padding:22px 36px;border-radius:20px;line-height:1.5;margin-bottom:22px}.brand-visual strong{font-size:1.5rem}.brand-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.brand-cards article{background:#fff;border:1px solid #e2e8f4;border-radius:18px;padding:28px;box-shadow:0 14px 40px #1738760b}.brand-cards article span{font-weight:800;color:#497aca}.brand-cards h3{font-size:1.17rem;margin:12px 0}.brand-cards p,.brand-tint p{line-height:1.75}.brand-tint{background:#edf3fe}.brand-card-dark{border-radius:24px;background:#102550;color:white;padding:35px}.brand-card-dark strong{display:block;font-size:1.45rem;margin:10px 0}.brand-card-dark p{color:#d5e4fb}.brand-card-dark hr{opacity:.3;margin:24px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start}.contact-panel,.contact-form-card{background:white;border:1px solid #e0e9f8;border-radius:24px;padding:36px;box-shadow:0 18px 48px #17387612}.contact-panel h2,.contact-form-card h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:12px 0 24px;line-height:1.2}.contact-detail{padding:19px 0;border-bottom:1px solid #e5eafa}.contact-detail strong{color:#102550}.contact-detail p{margin:7px 0 0;line-height:1.6}.contact-detail a{color:#215cc3;font-weight:700}.contact-panel .btn{margin-top:25px}.contact-form-card form{display:grid;gap:17px;margin-top:24px}.contact-form-card label{display:grid;gap:8px;font-weight:650;color:#152b52}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form-card input,.contact-form-card textarea,.contact-form-card select,.pearl-captcha input{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #cdd9ee;border-radius:11px;background:#fbfdff;font:inherit;color:#152b52}.contact-form-card textarea{min-height:145px}.contact-form-card :is(input,textarea,select):focus,.pearl-captcha input:focus{outline:3px solid #99c3ff;border-color:#2868d9}.contact-privacy{font-size:.82rem;color:#677a99}.contact-success{background:#eaf9f0;border:1px solid #b6e2c3;color:#14532d;padding:16px;border-radius:12px}.pearl-captcha{border:1px solid #bed2ef;border-radius:13px;padding:16px;background:#f4f8ff;margin:16px 0}.pearl-captcha legend{padding:0 8px;font-weight:800;color:#193968}.pearl-captcha label{display:block;margin-bottom:7px;font-weight:650}.pearl-captcha input{max-width:170px}.pearl-captcha small{display:block;margin-top:8px;color:#516582}.captcha-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.auth-card .pearl-captcha{margin:20px 0}@media(max-width:850px){.brand-grid,.contact-grid{grid-template-columns:1fr}.brand-cards{grid-template-columns:repeat(2,1fr)}.brand-visual{min-height:210px}.brand-hero{padding:55px 0}}@media(max-width:550px){.brand-cards,.form-grid{grid-template-columns:1fr}.contact-panel,.contact-form-card{padding:24px}.brand-hero h1{font-size:2.35rem}}