/* Swayam Digital — Design 4 visual layer. Presentation only; links/forms/workflow stay unchanged. */
:root{--d4-blue:#0b62dd;--d4-cyan:#12bfd7;--d4-deep:#071a36;--d4-ink:#0d2a4d;--d4-muted:#75889c;--d4-bg:#f7fbfe;--d4-pale:#eafaff;--d4-line:#dcecf4;--d4-card:#fff;--d4-shadow:0 8px 26px rgba(12,55,94,.07)}
body.d4-site{background:#fff;color:var(--d4-ink);font-size:14px}
.d4-site .container{width:min(1180px,calc(100% - 52px))}
.d4-site .topbar{height:28px;border:0;background:#fff}.d4-site .topbar-in{min-height:28px;font-size:9px;gap:6px}.d4-site .topbar select{border:0;padding:3px 22px 3px 6px;font-size:9px;color:#35516f}
.d4-site .nav{position:sticky;top:0;border-bottom:1px solid #edf3f6;background:rgba(255,255,255,.98)}.d4-site .navin{min-height:58px;gap:16px}.d4-site .nav .brand{font-size:15px;font-weight:800;letter-spacing:-.25px}.d4-site .brand span{margin-left:3px}.d4-site .navlinks{gap:13px;font-size:9px}.d4-site .navlinks a{padding:7px 6px}.d4-site .navcta{font-size:9px;min-height:32px;padding:7px 13px;box-shadow:none}
.d4-site .hero,.d4-site .pagehero{margin:0 26px;background:linear-gradient(110deg,#eefbff 0,#e8fbff 55%,#f7fdff 100%);border:1px solid #e0f1f5;border-radius:0;position:relative;overflow:hidden}.d4-site .hero:after,.d4-site .pagehero:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:10%;top:-180px;background:rgba(255,255,255,.58);pointer-events:none}.d4-site .hero-grid{min-height:470px}.d4-site .hero-copy{padding:54px 0;position:relative;z-index:2}.d4-site .eyebrow{padding:5px 9px;font-size:8px;border-color:#d4edf3;box-shadow:none}.d4-site .hero h1{font-size:clamp(38px,4.2vw,58px);line-height:.99;letter-spacing:-2.4px;max-width:590px;margin:15px 0 15px;color:#092645}.d4-site .hero p{font-size:11px;max-width:520px}.d4-site .actions{margin-top:20px}.d4-site .btn{min-height:34px;padding:8px 14px;font-size:9px;box-shadow:none}.d4-site .mini-points{gap:18px;margin-top:23px;font-size:8px}.d4-site .mini-points b{font-size:9px}.d4-site .hero-visual img{height:390px;border-radius:0 0 0 110px;object-fit:cover}.d4-site .marquee{min-height:30px;font-size:8px;letter-spacing:1px}
.d4-site .section{padding:52px 0}.d4-site .kicker{font-size:8px;letter-spacing:1.1px}.d4-site .section h2{font-size:clamp(27px,3.2vw,39px);letter-spacing:-1.35px}.d4-site .lead{font-size:10px}.d4-site .course-card,.d4-site .course-feature,.d4-site .card,.d4-site .faq details,.d4-site .legal-editor{border-color:var(--d4-line);box-shadow:var(--d4-shadow)}
.d4-site .courses-grid{gap:14px;margin-top:24px}.d4-site .course-card{border-radius:12px;padding:8px}.d4-site .course-card .course-body{min-height:102px;padding:9px 3px 3px}.d4-site .course-body h3{font-size:10px}.d4-site .course-card .price{min-height:28px;padding:5px 8px;font-size:12px;border-radius:7px}.d4-site .course-card .course-btn{min-height:28px;padding:6px 9px;font-size:8px;border-radius:7px}.d4-site .earning{border-radius:12px;padding:10px;margin-top:20px}.d4-site .earning strong{font-size:14px}.d4-site .earn-number{font-size:18px}.d4-site .earning small{font-size:8px}
.d4-site .pagehero{padding:44px 0 38px}.d4-site .pagehero h1{font-size:clamp(34px,4.1vw,52px);letter-spacing:-2px;margin:10px 0 7px;max-width:720px}.d4-site .pagehero .lead{font-size:10px}
/* Courses reference: compact two-column card grid. */
.d4-courses .course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.d4-courses .course-feature{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:12px;border-radius:12px;min-height:165px;align-items:center}.d4-courses .course-feature:nth-child(even) img{order:0}.d4-courses .course-feature img{aspect-ratio:4/3;border-radius:9px;height:142px}.d4-courses .course-feature h2{font-size:17px;margin:7px 0}.d4-courses .course-feature .fee{font-size:15px;min-height:30px;margin:7px 0;padding:5px 9px}.d4-courses .tag{font-size:8px}.d4-courses .section.soft{padding:34px 0}
/* How it works reference: clear vertical journey rows. */
.d4-how .steps{grid-template-columns:1fr;gap:10px;margin-top:20px}.d4-how .step.card{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:14px 18px;border-radius:11px}.d4-how .step-icon{grid-row:1/3;margin:0;width:38px;height:38px;font-size:15px}.d4-how .step h3{font-size:10px;margin:0}.d4-how .step p{font-size:8px;margin-top:2px}.d4-how .section.dark{padding:42px 0}
/* FAQ reference: dark support card + questions. */
.d4-faq .faq-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.d4-faq .faq-intro-card{background:linear-gradient(145deg,#061b39,#0b315f);color:#fff;border-radius:16px;padding:26px;min-height:225px}.d4-faq .faq-intro-card .kicker{color:#72d8e7}.d4-faq .faq-intro-card h2{font-size:22px;line-height:1.07;margin:10px 0}.d4-faq .faq-intro-card p{font-size:9px;color:#b9cbe0}.d4-faq .faq-intro-card .btn{margin-top:12px;background:#fff;color:#0a4da8;border:0}.faq-intro-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);margin-bottom:20px;font-weight:800}.d4-faq .faq{max-width:none}.d4-faq .faq details{padding:13px 15px;border-radius:9px;box-shadow:none}.d4-faq .faq summary{font-size:9px;color:#203d5c}.d4-faq .faq p{font-size:8px}
/* Contact reference. */
.d4-contact .contact-grid{grid-template-columns:.72fr 1.28fr;gap:22px}.d4-contact .card{border-radius:12px;padding:22px}.d4-contact .contact-info{background:linear-gradient(145deg,#eefaff,#f9fdff)}.d4-contact .contact-info h2{font-size:25px}.d4-contact .contact-item{font-size:9px;padding:11px 0}.d4-contact .contact-form{grid-template-columns:1fr 1fr}.d4-contact .contact-form>label:nth-of-type(3),.d4-contact .contact-form>label:nth-of-type(4),.d4-contact .contact-form>.btn,.d4-contact .contact-form>.form-note{grid-column:1/-1}.d4-contact .contact-form label{font-size:9px}.d4-contact .contact-form input,.d4-contact .contact-form textarea{font-size:10px;padding:10px}
/* Legal reference: section rail + content card. */
.d4-legal .section{padding-top:42px}.d4-legal .legal-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}.d4-legal .legal-nav{position:sticky;top:80px;border:1px solid var(--d4-line);border-radius:12px;background:#fff;padding:10px;box-shadow:var(--d4-shadow)}.d4-legal .legal-nav-title{font-size:8px;color:#8aa0b3;padding:7px 9px;text-transform:uppercase;letter-spacing:1px}.d4-legal .legal-nav a{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:7px;font-size:8px;color:#4f6780}.d4-legal .legal-nav a.active,.d4-legal .legal-nav a:hover{background:#075ed8;color:#fff}.d4-legal .legal-help{margin-top:12px;border-radius:9px;padding:12px;background:#eafaff}.d4-legal .legal-help b,.d4-legal .legal-help span,.d4-legal .legal-help a{display:block}.d4-legal .legal-help b{font-size:9px}.d4-legal .legal-help span{font-size:7px;color:#71869a;margin:4px 0}.d4-legal .legal-help a{padding:0;color:#075ed8;font-weight:700}.d4-legal .legal-editor{min-height:520px;border-radius:12px;padding:28px 34px}.d4-legal .legal-editor h2{font-size:16px}.d4-legal .legal-editor h3{font-size:10px;margin-top:21px;color:#173b63}.d4-legal .legal-editor p{font-size:8px;color:#6d8093;line-height:1.7}.d4-legal .legal-editor h3:target{scroll-margin-top:90px}
/* Thank-you reference. */
.d4-thanks .thank{min-height:620px;padding:80px 0;background:linear-gradient(180deg,#edfaff,#fff)}.d4-thanks .thank .container{max-width:560px;background:#fff;border:1px solid var(--d4-line);border-radius:18px;padding:48px;box-shadow:0 14px 42px rgba(9,50,90,.1);text-align:center}.d4-thanks .success-icon{width:52px;height:52px;margin:0 auto 14px;font-size:22px}.d4-thanks .thank h1{font-size:32px}.d4-thanks .thank p{font-size:10px}
/* Footer proportions from Design 4. */
.d4-site .footer{padding:28px 0 12px}.d4-site .footer-grid{font-size:9px}.d4-site .footer .brand{font-size:15px}.d4-site .footer a{font-size:8px;margin:4px 0}.d4-site .copyright{font-size:8px}
@media(max-width:980px){.d4-site .container{width:min(100% - 28px,1180px)}.d4-site .hero,.d4-site .pagehero{margin:0 12px}.d4-site .hero-grid{grid-template-columns:1fr 1fr;min-height:430px}.d4-courses .course-feature{grid-template-columns:145px 1fr}.d4-faq .faq-layout{grid-template-columns:270px 1fr}.d4-legal .legal-layout{grid-template-columns:185px 1fr}}
@media(max-width:760px){.d4-site .container{width:min(100% - 20px,1180px)}.d4-site .topbar{height:32px}.d4-site .topbar-in{min-height:32px}.d4-site .navin{min-height:60px}.d4-site .nav-toggle{display:grid;place-items:center;margin-left:auto}.d4-site .navlinks{font-size:11px}.d4-site .hero,.d4-site .pagehero{margin:0;border-left:0;border-right:0}.d4-site .hero-grid{grid-template-columns:1fr;min-height:auto}.d4-site .hero-copy{padding:46px 0 20px}.d4-site .hero h1{font-size:42px}.d4-site .hero-visual{justify-content:center}.d4-site .hero-visual img{height:300px;max-width:560px;border-radius:24px 24px 0 0}.d4-site .section{padding:42px 0}.d4-courses .course-list{grid-template-columns:1fr}.d4-courses .course-feature{grid-template-columns:155px 1fr}.d4-faq .faq-layout,.d4-contact .contact-grid,.d4-legal .legal-layout{grid-template-columns:1fr}.d4-legal .legal-nav{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.d4-legal .legal-nav-title,.d4-legal .legal-help{grid-column:1/-1}.d4-contact .contact-form{grid-template-columns:1fr}.d4-contact .contact-form>*{grid-column:1!important}}
@media(max-width:520px){.d4-site .container{width:min(100% - 16px,1180px)}.d4-site .hero h1{font-size:36px;letter-spacing:-1.7px}.d4-site .pagehero h1{font-size:34px}.d4-site .hero-visual img{height:240px}.d4-courses .course-feature{grid-template-columns:1fr}.d4-courses .course-feature img{height:auto}.d4-faq .faq-intro-card{min-height:0}.d4-legal .legal-nav{grid-template-columns:1fr}.d4-legal .legal-nav-title,.d4-legal .legal-help{grid-column:auto}.d4-legal .legal-editor{padding:20px}.d4-thanks .thank .container{padding:32px 18px}.d4-thanks .thank{min-height:540px;padding:55px 0}.d4-home .earning{grid-template-columns:1fr}.d4-home .earning-intro{grid-column:auto}}