/* =========================================================
   GGAM FINAL MODERN SCHOOL SITE
   Existing result checker logic is intentionally preserved.
   ========================================================= */
:root{
  --gg-navy:#062b49; --gg-blue:#0879c9; --gg-green:#13a56b;
  --gg-orange:#f39a32; --gg-light:#f4f8fb; --gg-text:#182b3a;
  --gg-muted:#687b8b; --gg-line:#e3ebf1; --gg-white:#fff;
  --gg-shadow:0 18px 55px rgba(6,43,73,.12);
}
body{font-family:Inter,Segoe UI,Arial,sans-serif!important;color:var(--gg-text)!important;background:#fff}
.top-info{background:#03233b;color:#dceaf3;padding:8px 0;font-size:12px}
.top-info .container{display:flex;justify-content:space-between;gap:15px}
.gg-modern-nav{background:rgba(255,255,255,.97)!important;box-shadow:0 4px 22px rgba(0,0,0,.07);border:0!important}
.gg-modern-nav .navbar-brand img{height:58px;width:auto;border-radius:10px}
.gg-modern-nav .navbar-nav>li>a{font-weight:700!important;color:#445a6c!important;padding:22px 14px!important}
.gg-modern-nav .navbar-nav>li>a:hover{color:var(--gg-blue)!important}
.gg-result-btn{background:var(--gg-navy)!important;border-radius:9px!important;margin:11px 0 11px 10px!important;padding:12px 18px!important}
.gg-result-btn span{color:#fff!important}
.gg-cbt-btn{background:var(--gg-blue)!important;border-radius:9px!important;margin:11px 0 11px 8px!important;padding:12px 18px!important}
.gg-cbt-btn span{color:#fff!important}

.gg-hero{min-height:590px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}
.gg-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,47,.88),rgba(3,27,47,.30))}
.gg-hero .container{position:relative;z-index:2}
.gg-eyebrow{display:inline-block;color:#72d1ff;font-weight:800;letter-spacing:2.3px;font-size:12px;margin-bottom:12px}
.gg-hero h1{font-size:clamp(40px,6vw,70px);line-height:1.04;color:#fff;font-weight:800;max-width:820px;margin:8px 0 20px}
.gg-hero h1 span{color:#69caff}
.gg-hero p{max-width:720px;color:#e5f0f6;font-size:18px;line-height:1.7}
.gg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.gg-btn{display:inline-block;padding:13px 23px;border-radius:9px;font-weight:800;border:0}
.gg-btn-primary{background:var(--gg-blue);color:#fff!important}
.gg-btn-white{background:#fff;color:var(--gg-navy)!important}
.gg-btn-green{background:var(--gg-green);color:#fff!important}

.gg-services{position:relative;margin-top:-45px;z-index:5}
.gg-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gg-service{background:#fff;border:1px solid #edf2f6;border-radius:17px;padding:22px;box-shadow:var(--gg-shadow);display:flex;gap:15px;align-items:center}
.gg-service-icon{width:50px;height:50px;min-width:50px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:22px}
.gg-blue{background:var(--gg-blue)} .gg-green{background:var(--gg-green)} .gg-orange{background:var(--gg-orange)}
.gg-service small{display:block;color:#82909d;font-size:9px;font-weight:800;letter-spacing:1.5px}
.gg-service h3{font-size:19px;margin:2px 0;color:var(--gg-navy)}
.gg-service p{font-size:12px;color:var(--gg-muted);margin:0}
.gg-service-arrow{margin-left:auto;color:#8ba0af;font-size:20px}

.gg-section{padding:85px 0}
.gg-soft{background:var(--gg-light)}
.gg-section-tag{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--gg-blue)}
.gg-section h2{font-size:38px;line-height:1.16;color:var(--gg-navy);font-weight:800;margin:8px 0 17px}
.gg-section p{color:var(--gg-muted);line-height:1.8}
.gg-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.gg-photo{height:400px;border-radius:22px;overflow:hidden;box-shadow:var(--gg-shadow)}
.gg-photo img{width:100%;height:100%;object-fit:cover}
.gg-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gg-news{background:#fff;border:1px solid var(--gg-line);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(6,43,73,.06)}
.gg-news img{width:100%;height:190px;object-fit:cover}
.gg-news-body{padding:21px}
.gg-news .tag{font-size:9px;letter-spacing:1.5px;font-weight:800;color:var(--gg-blue)}
.gg-news h3{font-size:19px;color:var(--gg-navy);margin:6px 0}
.gg-news p{font-size:13px;margin:0 0 9px}
.gg-link{color:var(--gg-blue);font-weight:800;font-size:13px}

.gg-cta{background:linear-gradient(110deg,#062b49,#0b6397);padding:60px 0;color:#fff}
.gg-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}
.gg-cta h2{color:#fff;margin:5px 0 10px;font-size:34px}
.gg-cta p{color:#dbeaf3}

.gg-page-hero{background:linear-gradient(110deg,#062b49,#0b6397);padding:75px 0;color:#fff}
.gg-page-hero h1{font-size:52px;margin:8px 0;line-height:1.08}
.gg-page-hero p{color:#dceaf2;max-width:700px}

.gg-card{background:#fff;border:1px solid var(--gg-line);border-radius:18px;padding:28px;box-shadow:var(--gg-shadow)}
.gg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.gg-form label{font-weight:700;color:#41586a;font-size:13px;display:block;margin-bottom:14px}
.gg-form input,.gg-form select,.gg-form textarea{width:100%;border:1px solid #dce6ec;border-radius:9px;padding:12px 13px;margin-top:6px;outline:0}
.gg-form input:focus,.gg-form select:focus,.gg-form textarea:focus{border-color:#72bde6;box-shadow:0 0 0 3px #eaf6fd}
.gg-full{grid-column:1/-1}
.gg-steps{display:grid;gap:17px;margin-top:25px}
.gg-step{display:flex;gap:15px}.gg-step b{width:40px;height:40px;min-width:40px;border-radius:11px;background:#e9f5fb;color:var(--gg-blue);display:grid;place-items:center}.gg-step h4{margin:0;color:var(--gg-navy)}.gg-step p{margin:2px 0}

.gg-login-wrap{display:grid;grid-template-columns:1fr 430px;gap:65px;align-items:center}
.gg-login-card{text-align:left}
.gg-login-card .logo{text-align:center}.gg-login-card .logo img{height:75px}
.gg-login-card h2{text-align:center;color:var(--gg-navy)}
.gg-login-card .muted{text-align:center;color:var(--gg-muted);font-size:13px}
.gg-login-card input{width:100%;border:1px solid #dce6ec;border-radius:9px;padding:13px;margin:6px 0 14px}
.gg-note{background:#fff7e7;color:#8a5d13;border-radius:9px;padding:11px;font-size:11px;margin-top:15px}

.gg-footer{background:#061c2e;color:#b9c9d4;padding:55px 0 0}
.gg-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:35px}
.gg-footer h4{color:#fff}.gg-footer a{color:#b9c9d4;display:block;margin:7px 0}.gg-footer p{font-size:13px}
.gg-copy{border-top:1px solid #193449;text-align:center;padding:15px;font-size:11px}

@media(max-width:800px){
 .top-info .container{justify-content:center}.top-info span:last-child{display:none}
 .gg-hero{min-height:540px}.gg-hero h1{font-size:43px}.gg-hero p{font-size:15px}
 .gg-services{margin-top:18px}.gg-service-grid,.gg-news-grid,.gg-split,.gg-login-wrap,.gg-footer-grid{grid-template-columns:1fr}
 .gg-section{padding:60px 0}.gg-photo{height:310px}.gg-cta-inner{flex-direction:column;align-items:flex-start}
 .gg-page-hero h1{font-size:43px}.gg-form-grid{grid-template-columns:1fr}.gg-full{grid-column:auto}
 .gg-modern-nav .navbar-nav>li>a{padding:10px 14px!important}.gg-result-btn,.gg-cbt-btn{margin:5px 0!important}
}