/* Digital Shreyas global design system — Inter typography and polished responsive UI */
:root{--ds-ink:#211b17;--ds-muted:#746b63;--ds-line:#e8ded3;--ds-paper:#fffdf9;--ds-ivory:#f7f3ed;--ds-bronze:#a95c2a;--ds-bronze-dark:#6e3518;--ds-shadow:0 18px 55px rgba(50,32,20,.09);--ds-radius:22px}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body,body *:not(i):not(svg):not(path):not(.fa):not([class*='fa-']),button,input,textarea,select,option{font-family:'Inter',sans-serif!important}
body{color:var(--ds-ink);background:var(--ds-ivory);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.container{width:min(1200px,calc(100% - 48px))}
.site-header{background:rgba(255,253,249,.94)!important;border-bottom:1px solid rgba(110,53,24,.10)!important;box-shadow:0 5px 24px rgba(35,24,16,.035)}
.site-header .navbar{width:min(1200px,calc(100% - 48px));min-height:82px;gap:26px}
.site-header .nav-links{gap:clamp(16px,2.2vw,30px)}
.site-header .nav-links a{font-family:'Inter',sans-serif;font-size:13px;font-weight:650;letter-spacing:-.01em;color:#39312b;padding:30px 0}
.site-header .nav-links a:after{height:2px;border-radius:3px;bottom:21px}
.site-header .nav-links a:hover,.site-header .nav-links a.active{color:var(--ds-bronze-dark)}
.site-header .school-login-btn{height:44px;padding:0 19px;background:linear-gradient(135deg,#7d3c1c,#a95c2a);box-shadow:0 8px 20px rgba(110,53,24,.18);font-size:13px;letter-spacing:.01em;transition:transform .2s,box-shadow .2s}
.site-header .school-login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(110,53,24,.24)}
.site-header .mobile-login-link{display:none}
.site-header .menu-btn{border:1px solid #eadfd4;background:#fffaf4}
.page-hero{padding:100px 0 86px!important;background:radial-gradient(circle at 85% 20%,rgba(169,92,42,.12),transparent 28%),linear-gradient(135deg,#fffefa 0%,#f8f1e8 65%,#f0e2d2 100%)!important}
.page-hero h1{font-family:'Inter',sans-serif!important;font-weight:800;letter-spacing:-.055em!important;line-height:1.02}
.page-hero p{font-size:clamp(15px,1.4vw,18px);line-height:1.75}
.section{padding:clamp(58px,7vw,92px) 0!important}
.section-head h2,.section-head h3,.card h3,.course-body h3,.blog-body h3,.article-card h1,.article-card h2{font-family:'Inter',sans-serif!important;font-weight:750;letter-spacing:-.035em}
.section-head p{font-size:15px;line-height:1.8}
.card,.course-card,.blog-card,.about-panel,.contact-item,.contact-form,.framework,.audience-card,.formula-card,.article-card{border:1px solid rgba(110,53,24,.10)!important;border-radius:var(--ds-radius)!important;box-shadow:0 8px 30px rgba(44,29,19,.045)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover,.course-card:hover,.blog-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow)!important;border-color:rgba(169,92,42,.25)!important}
.btn,.primary-btn,.btn-primary,.submit-webinar{font-family:'Inter',sans-serif!important;font-weight:700!important;letter-spacing:-.01em;transition:transform .2s,box-shadow .2s,background .2s}
.btn-primary,.primary-btn{background:linear-gradient(135deg,#a95c2a,#7a3b1b)!important;box-shadow:0 10px 24px rgba(110,53,24,.17)}
.btn-primary:hover,.primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(110,53,24,.22)}
input,textarea,select{font-family:'Inter',sans-serif!important}
input:focus,textarea:focus,select:focus{outline:none;border-color:#b66a39!important;box-shadow:0 0 0 4px rgba(169,92,42,.10)!important}
.blog-grid{align-items:stretch;gap:24px}
.blog-card{display:flex;flex-direction:column;min-width:0;cursor:pointer}
.blog-card-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.blog-thumb{height:auto!important;aspect-ratio:16/9;width:100%;overflow:hidden;background:#eadfd3;display:block!important}
.blog-thumb-placeholder{display:grid!important;place-items:center;color:#9a6948;font-size:38px}
.blog-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.blog-card:hover .blog-thumb img{transform:scale(1.045)}
.blog-card-link:focus-visible{outline:3px solid rgba(169,92,42,.45);outline-offset:4px;border-radius:18px}
.blog-body{padding:24px 25px 27px!important;display:flex;flex-direction:column;flex:1}
.blog-body h3{font-size:clamp(18px,1.5vw,21px);line-height:1.32;margin:7px 0 10px}
.blog-body p{font-size:13px;line-height:1.75;color:#756b63}
.blog-body .blog-meta{font-size:10px;font-weight:700;letter-spacing:.08em;color:#9a7a63}
.blog-body .read{display:none!important}
.article-wrap{max-width:900px}
.article-card{padding:clamp(22px,4vw,48px)!important}
.article-cover{height:auto!important;aspect-ratio:16/9;max-height:480px;margin-bottom:32px!important;overflow:hidden}
.article-cover-image img{width:100%;height:100%;object-fit:cover}
.article-card h1{font-size:clamp(32px,4.6vw,54px);line-height:1.08}
.article-content{font-size:16px;line-height:1.9;color:#4d443d}
.article-content p{margin:0 0 20px;line-height:1.9;color:#4d443d}
.article-content h2,.article-content h3{font-family:'Inter',sans-serif!important;font-weight:750;letter-spacing:-.03em;color:#261d17;margin:32px 0 12px}
.article-content h2{font-size:clamp(24px,3vw,32px)}.article-content h3{font-size:22px}
.article-content ul,.article-content ol{padding-left:25px;margin:0 0 22px}.article-content li{padding-left:5px;margin:7px 0}
.article-content blockquote{margin:25px 0;padding:18px 24px;border-left:4px solid var(--ds-bronze);background:#f7eee5;border-radius:0 14px 14px 0;color:#594536}
.article-content div{margin-bottom:16px}
.article-content img{display:block;max-width:100%;height:auto;border-radius:16px;margin:24px auto;box-shadow:0 12px 30px rgba(30,20,14,.10)}
.article-content a{color:#8a451f;text-decoration:underline;text-underline-offset:3px}
footer{font-family:'Inter',sans-serif!important}
footer .footer-col a:hover{color:#c57b4d!important}
@media(max-width:980px){.site-header .nav-links{display:none}.site-header .menu-btn{display:grid;place-items:center}.site-header .navbar{min-height:74px}.site-header .nav-actions{display:flex}.site-header .school-login-btn{height:40px;padding:0 13px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.site-header .navbar{width:calc(100% - 32px);min-height:70px}.site-header .site-logo-image{width:176px;max-width:48vw;max-height:48px}.site-header .school-login-btn{width:40px;height:40px;padding:0;font-size:0;gap:0}.site-header .school-login-btn i{font-size:15px}.site-header .mobile-nav{padding:10px 16px 16px}.site-header .mobile-login-link{display:flex;align-items:center;gap:10px;padding:13px 0 4px;color:#6e3518;font-weight:750;text-decoration:none}.page-hero{padding:72px 0 60px!important}.blog-grid,.course-grid{grid-template-columns:1fr!important}.blog-body{padding:21px!important}.article-cover{border-radius:14px}.section{padding:58px 0!important}}

/* Global viewport reset */
html,body{margin:0!important;padding:0!important;width:100%;min-height:100%;}