/*
Theme Name: EG Smart School
Theme URI: https://eg-smart-school.priyadarshi738.chatgpt.site
Author: EG Smart School
Description: Modern blue and yellow school ERP website theme with five ready-made pages.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: eg-smart-school
*/
:root{--blue:#0754c7;--navy:#082f6b;--yellow:#ffc928;--ink:#102342;--muted:#60708a;--pale:#f3f7fc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,30px);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid #e6edf6}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px 13px 13px 4px;background:var(--blue);color:#fff;font-size:18px;box-shadow:inset -5px -5px 0 rgba(255,201,40,.9)}.brand small{display:block;font-size:9px;letter-spacing:1.45px;text-transform:uppercase;color:#71809a;margin-top:3px}.site-nav{display:flex;gap:31px;align-items:center;font-weight:600;font-size:14px}.site-nav a{padding:31px 0;position:relative}.site-nav .current-menu-item>a:after,.site-nav a:hover:after{content:"";position:absolute;height:3px;background:var(--yellow);left:0;right:0;bottom:19px;border-radius:5px}.nav-cta{padding:13px 19px!important;background:var(--blue);color:white;border-radius:9px}.nav-cta:after{display:none!important}.menu-toggle{display:none;background:none;border:0;font-size:28px;color:var(--navy)}.section{padding:92px max(6vw,35px)}.hero{min-height:680px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:5vw;background:linear-gradient(120deg,#f7fbff 50%,#edf5ff 50%);overflow:hidden}.hero-copy{max-width:610px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:1.7px;color:var(--blue);text-transform:uppercase}.eyebrow i{display:inline-block;width:9px;height:9px;background:var(--yellow);border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(47px,5.5vw,78px);line-height:1.03;letter-spacing:-3px;margin:18px 0 25px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;gap:13px;margin:33px 0 30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 22px;border-radius:9px;font-weight:750;font-size:14px;border:1px solid #ced9e8;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 25px #1232}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn.yellow{background:var(--yellow);color:#102b55;border:0}.trust{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;font-weight:700;color:#52647e}.photo-hero{position:relative;min-height:510px;display:grid;place-items:center;padding:25px}.photo-hero>img{width:100%;height:440px;object-fit:cover;border-radius:24px;box-shadow:0 27px 70px #164b8d35;position:relative;z-index:2}.orb{position:absolute;border-radius:50%}.orb.one{width:270px;height:270px;background:#ffcf38;right:-70px;top:-20px}.orb.two{width:210px;height:210px;border:50px solid #2a75d4;left:-50px;bottom:-20px}.image-message{position:absolute;z-index:4;left:48px;bottom:48px;background:#082f6bea;color:white;padding:18px 20px;border-radius:13px;border-left:5px solid var(--yellow)}.image-message span,.image-message b{display:block}.image-message span{font-size:9px;letter-spacing:1.6px;color:var(--yellow);font-weight:900;margin-bottom:6px}.float-card{position:absolute;z-index:4;background:#fff;padding:13px 16px;border-radius:11px;box-shadow:0 10px 35px #183b6f28;font-size:12px}.float-card b,.float-card small{display:block}.float-card small{font-size:9px;color:#8291a3;margin-top:3px}.attendance{left:0;top:52px}.parent{right:0;bottom:32px}.section-heading{text-align:center;max-width:700px;margin:0 auto 48px}.section-heading.left{text-align:left;margin-left:0}.section-heading h2,.page-hero h1{font-size:clamp(36px,4vw,52px);letter-spacing:-1.8px;margin:13px 0}.section-heading p,.page-hero p{color:var(--muted);font-size:16px;line-height:1.7}.transformation-photo{max-width:1040px;margin:0 auto 42px;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #173f711c}.transformation-photo img{display:block;width:100%;height:420px;object-fit:cover}.transformation-photo figcaption{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;padding:18px 30px;text-align:center}.transformation-photo span b,.transformation-photo span small{display:block}.transformation-photo small{color:var(--muted);margin-top:4px}.transformation-photo strong{width:44px;height:44px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;margin:auto}.compare{max-width:1040px;margin:auto;display:grid;grid-template-columns:1fr 60px 1fr;align-items:center}.compare article{padding:36px 38px;border-radius:18px}.compare .before{background:#f5f7fa;color:#526078}.compare .after{background:linear-gradient(145deg,#0b4faa,#062f70);color:#fff}.tag{font-size:10px;letter-spacing:2px;font-weight:800;background:#dfe5ed;padding:7px 10px;border-radius:20px}.after .tag{background:var(--yellow);color:#17355d}.compare ul{list-style:none;margin:15px 0 0;padding:0}.compare li{padding:11px 0;border-bottom:1px solid #dbe2eb;font-size:14px}.after li{border-color:#ffffff27}.switch{width:53px;height:53px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:23px;font-weight:bold;z-index:2}.results{max-width:1040px;margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.results div{border-right:1px solid #e0e8f2}.results div:last-child{border:0}.results b{font-size:34px;color:var(--blue);display:block}.results span{font-size:12px;color:var(--muted)}.features{background:#f5f9fe}.feature-grid,.module-grid,.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.info-card{background:#fff;padding:27px;border-radius:14px;border:1px solid #e3ebf5}.feature-card h3,.info-card h3{margin:15px 0 10px}.feature-card p,.info-card p{font-size:13px;line-height:1.65;color:var(--muted)}.feature-icon{width:43px;height:43px;border-radius:10px;background:#e9f2ff;color:var(--blue);display:grid;place-items:center;font-weight:900}.quote-band{background:var(--navy);color:white;text-align:center;padding:75px 20px}.quote-band blockquote{font-size:clamp(23px,3vw,36px);font-weight:700;max-width:870px;margin:0 auto;line-height:1.35}.quote-band p{color:#b8ccea}.cta{padding:68px max(7vw,40px);background:var(--blue);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .kicker{color:var(--yellow)}.cta h2{font-size:36px;margin:10px 0}.cta p{margin:0;color:#c5d9f5}.page-hero{text-align:center;padding:92px 20px;background:linear-gradient(135deg,#f4f9ff,#e6f1ff);min-height:330px;display:flex;flex-direction:column;justify-content:center}.page-hero p{max-width:710px;margin:5px auto}.content-section{padding:80px max(7vw,40px)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.two-col h2{font-size:40px}.two-col p{color:var(--muted);line-height:1.8}.connection-photo{margin:0;border-radius:22px;overflow:hidden;position:relative;min-height:390px;box-shadow:0 18px 50px #173f7124}.connection-photo img{width:100%;height:390px;object-fit:cover;display:block}.connection-photo figcaption{position:absolute;left:20px;right:20px;bottom:20px;background:#082f6be8;color:white;padding:18px;border-radius:12px;border-left:5px solid var(--yellow)}.connection-photo b,.connection-photo span{display:block}.connection-photo span{font-size:12px;margin-top:5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{min-height:300px;border-radius:17px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background-size:cover;background-position:center;position:relative;overflow:hidden}.gallery-card b{font-size:22px;z-index:1}.gallery-card span{font-size:12px;margin-top:5px;z-index:1}.module-grid{grid-template-columns:repeat(4,1fr)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.contact-form{background:#fff;padding:33px;border-radius:18px;box-shadow:0 15px 50px #123d7018;border:1px solid #e5edf6;display:grid;gap:16px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px;border:1px solid #dbe3ee;border-radius:8px;font:inherit}.contact-form textarea{height:105px}.notice-success{padding:14px;background:#e8f7ed;color:#176a35;border-radius:8px}.notice-error{padding:14px;background:#fff0f0;color:#9a2626;border-radius:8px}.entry-content{max-width:900px;margin:auto;padding:50px 25px;line-height:1.75}.site-footer{background:#061f48;color:#d2dded;padding:55px max(6vw,35px) 24px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-col{display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-col b{color:white}.copyright{border-top:1px solid #ffffff1f;margin-top:40px;padding-top:22px;font-size:11px;color:#8297b3;display:flex;justify-content:space-between}
@media(max-width:900px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;flex-direction:column;gap:0;padding:18px}.site-nav.open{display:flex}.site-nav a{padding:13px}.hero,.two-col,.contact-grid{grid-template-columns:1fr}.feature-grid,.values,.gallery-grid,.module-grid{grid-template-columns:repeat(2,1fr)}.results{grid-template-columns:repeat(2,1fr)}.cta{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.section,.content-section{padding:65px 20px}.hero h1{letter-spacing:-2px}.hero-actions{flex-direction:column}.btn{width:100%}.photo-hero{padding:0;min-height:390px}.photo-hero>img{height:360px}.image-message{left:12px;right:12px;bottom:18px}.parent{display:none}.transformation-photo img{height:260px}.transformation-photo figcaption{grid-template-columns:1fr;gap:10px}.compare{grid-template-columns:1fr}.switch{margin:-10px auto;transform:rotate(90deg)}.results,.feature-grid,.values,.gallery-grid,.module-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-col:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:8px}}
