/* STORE90 Core V2 — About / Contact / Maintenance */
.core-v2-page,
.core-page{
  --c-primary:#0d63f3;--c-dark:#10233d;--c-ink:#132238;--c-muted:#718095;
  --c-bg:#f5f7fa;--c-card:#fff;--c-line:#e5eaf0;--c-accent:#ff9200;
}

/* ABOUT */
.about-page{padding:24px 0 42px;background:var(--c-bg);min-height:70vh}
.about-page .container{max-width:1240px}
.about-page .about-hero{
  position:relative;overflow:hidden;padding:36px 28px;text-align:center;
  background:linear-gradient(135deg,#10233d,#173756);border-radius:20px;
  margin-bottom:18px;box-shadow:0 10px 28px rgba(15,33,58,.08)
}
.about-page .about-hero:after{content:"";position:absolute;width:190px;height:190px;left:-65px;top:-105px;border-radius:50%;background:rgba(13,99,243,.12)}
.about-page .about-hero .brand-icon{display:inline-grid;place-items:center;min-width:54px;height:54px;padding:0 13px;margin-bottom:8px;border-radius:14px;background:#0d63f3;color:#fff;font-size:21px;font-weight:950}
.about-page .about-hero h1{margin:0;color:#fff;font-size:27px;font-weight:950}
.about-page .about-hero h1 span{color:#6ea6ff}
.about-page .about-hero .tagline{margin:6px 0 0;color:#a8b5c5;font-size:10px;letter-spacing:2px}
.about-page .about-card,.about-page .contact-info-card{overflow:hidden;background:#fff;border:1px solid var(--c-line);border-radius:18px;box-shadow:0 7px 22px rgba(15,33,58,.04)}
.about-page .about-card .card-body,.about-page .contact-info-card .card-body{padding:24px}
.about-page .section-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--c-ink);font-size:14px;font-weight:950}
.about-page .section-title i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef5ff;color:var(--c-primary);font-size:12px}
.about-page .about-card p{color:#68768a;line-height:1.9;font-size:12px}
.about-page .about-card hr{margin:17px 0;border-color:var(--c-line);opacity:1}
.about-page .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}
.about-page .feature-item{padding:18px 12px;text-align:center;background:#f8fafc;border:1px solid var(--c-line);border-radius:13px;transition:.18s ease}
.about-page .feature-item:hover{transform:translateY(-2px);background:#fff;border-color:#bcd4fb}
.about-page .feature-item i{display:block;margin-bottom:8px;color:var(--c-primary)!important;font-size:22px}
.about-page .feature-item h6{margin-bottom:3px;color:var(--c-ink);font-size:11px;font-weight:900}
.about-page .feature-item p{margin:0;color:var(--c-muted);font-size:10px}
.about-page .info-item{display:flex;align-items:center;gap:10px;padding:7px 0}
.about-page .info-item i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;background:#eef5ff;color:var(--c-primary);font-size:12px}
.about-page .info-item span{color:#637187;font-size:11px}
.about-page .btn-success{border:0;border-radius:9px;font-size:11px;font-weight:850}

/* CONTACT */
.core-page{padding:22px 0 42px;background:var(--c-bg);min-height:70vh}
.core-page .container{max-width:1240px}
.core-page .contact-hero{position:relative;overflow:hidden;padding:34px 28px;text-align:center;background:linear-gradient(135deg,#10233d,#173756);border-radius:20px;margin-bottom:18px;box-shadow:0 10px 28px rgba(15,33,58,.08)}
.core-page .contact-hero:after{content:"";position:absolute;width:180px;height:180px;left:-60px;top:-100px;border-radius:50%;background:rgba(13,99,243,.12)}
.core-page .contact-hero .brand-icon{display:inline-grid;place-items:center;min-width:54px;height:54px;padding:0 13px;margin-bottom:8px;border-radius:14px;background:#0d63f3;color:#fff;font-size:21px;font-weight:950}
.core-page .contact-hero h1{margin:0;color:#fff;font-size:27px;font-weight:950}.core-page .contact-hero h1 span{color:#6ea6ff}.core-page .contact-hero p{margin:6px 0 0;color:#a8b5c5;font-size:11px}
.core-page .contact-form-card{overflow:hidden;background:#fff;border:1px solid var(--c-line);border-radius:18px;box-shadow:0 7px 22px rgba(15,33,58,.04)}
.core-page .contact-form-card .card-body{padding:24px}.core-page .contact-form-card h5{color:var(--c-ink);font-size:15px!important}.core-page .contact-form-card h5 i{color:var(--c-primary)!important}
.core-page .contact-form-card .form-label{margin-bottom:5px;color:#536174;font-size:11px;font-weight:850}
.core-page .contact-form-card .form-control,.core-page .contact-form-card input,.core-page .contact-form-card textarea,.core-page .contact-form-card select{min-height:43px;padding:9px 11px;background:#fafbfd;border:1px solid #dfe5ec;border-radius:10px;box-shadow:none;font-size:12px}
.core-page .contact-form-card textarea{min-height:115px}.core-page .contact-form-card .form-control:focus,.core-page .contact-form-card input:focus,.core-page .contact-form-card textarea:focus{background:#fff;border-color:#9ebff5;box-shadow:0 0 0 3px rgba(13,99,243,.07)}
.core-page .contact-form-card .btn-submit{min-height:44px;padding:9px 15px!important;border:0;border-radius:10px;background:var(--c-primary);color:#fff;font-size:12px;font-weight:950}.core-page .contact-form-card .btn-submit:hover{background:#094fc4}
.core-page .contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.core-page .contact-info-item{padding:18px 12px;text-align:center;background:#fff;border:1px solid var(--c-line);border-radius:14px;box-shadow:0 5px 16px rgba(15,33,58,.035);transition:.18s ease}
.core-page .contact-info-item:hover{transform:translateY(-2px);border-color:#bcd4fb}
.core-page .contact-info-item .icon-wrapper{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 8px;border-radius:11px;font-size:15px}
.core-page .contact-info-item .icon-wrapper.phone,.core-page .contact-info-item .icon-wrapper.email{background:#eef5ff;color:var(--c-primary)}
.core-page .contact-info-item .icon-wrapper.whatsapp{background:#eefaf3;color:#25D366}
.core-page .contact-info-item h6{margin-bottom:3px;color:var(--c-ink);font-size:11px;font-weight:900}.core-page .contact-info-item p{margin:0;color:var(--c-muted);font-size:10px}.core-page .contact-info-item a{color:#667386;text-decoration:none}

/* MAINTENANCE */
.maintenance-page{padding:46px 12px;background:var(--c-bg);min-height:72vh;display:grid;align-items:center}
.maintenance-page .maintenance-container{width:min(560px,100%);margin:auto}
.maintenance-page .maintenance-card{overflow:hidden;text-align:center;background:#fff;border:1px solid var(--c-line);border-radius:20px;box-shadow:0 12px 35px rgba(15,33,58,.08)}
.maintenance-page .maintenance-card .card-body{padding:38px 30px}
.maintenance-page .icon-wrapper{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 16px;border-radius:20px;background:#eef5ff;border:1px solid #dce9ff}
.maintenance-page .icon-wrapper i{color:var(--c-primary);font-size:28px}
.maintenance-page h2{margin-bottom:7px;color:var(--c-ink);font-size:22px;font-weight:950}
.maintenance-page .sub-text{margin-bottom:17px;color:var(--c-muted);font-size:12px;line-height:1.8}
.maintenance-page .alert-time{padding:11px 14px;text-align:center;background:#f7faff;border:1px solid #e1ebfa;border-radius:10px;color:#627086;font-size:11px}
.maintenance-page .alert-time i{margin-left:6px;color:var(--c-primary)}
.maintenance-page .progress{height:6px;margin:14px 0 18px;border-radius:999px;background:#e9eef4;overflow:hidden}
.maintenance-page .progress-bar{width:75%;background:var(--c-primary)}
.maintenance-page .contact-text{color:var(--c-muted);font-size:10px}.maintenance-page .contact-text a{color:var(--c-primary);font-weight:850;text-decoration:none}
.maintenance-page .brand-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--c-line);color:var(--c-muted);font-size:10px}
.maintenance-page .brand-name{color:var(--c-ink);font-weight:900}.maintenance-page .brand-name span{color:var(--c-primary)}

@media(max-width:768px){
 .about-page,.core-page{padding-top:14px}
 .about-page .about-hero,.core-page .contact-hero{padding:27px 18px}
 .about-page .feature-grid,.core-page .contact-info-grid{grid-template-columns:1fr 1fr}
 .about-page .about-card .card-body,.about-page .contact-info-card .card-body,.core-page .contact-form-card .card-body{padding:18px 15px}
}
@media(max-width:480px){
 .about-page .feature-grid,.core-page .contact-info-grid{grid-template-columns:1fr}
 .about-page .about-hero h1,.core-page .contact-hero h1{font-size:22px}
 .maintenance-page .maintenance-card .card-body{padding:30px 18px}
}