/*
Theme Name: 30Nice
Description: Child theme cho Flatsome
Author: 30Nice
Template: flatsome
Version: 1.0.1
Text Domain: 30nice
*/

:root{
  --brand:#5d8dff;
  --brand2:#7db2ff;
  --dark:#07111f;
  --dark2:#0b1629;
  --panel:#12203a;
  --panel2:#0f1c34;
  --text:#f4f7ff;
  --muted:#a8b7d6;
  --muted2:#8393b5;
  --line:rgba(255,255,255,.08);
  --radius:24px;
  --shadow:0 20px 60px rgba(0,0,0,.24);
}

html{
  scroll-behavior:smooth;
}

body{
  background:#07111f;
  color:var(--text);
  font-family:'Inter',sans-serif;
}

#wrapper,
#main{
  background:
    radial-gradient(circle at top left, rgba(93,141,255,.12), transparent 25%),
    linear-gradient(180deg, #07111f 0%, #0b1629 100%);
}

/* Header */
.header-main{
  background:rgba(7,17,31,.82);
  border-bottom:1px solid var(--line);
}

.header-nav .nav > li > a{
  color:#dbe6ff;
  font-weight:600;
  letter-spacing:.2px;
}

.header-nav .nav > li > a:hover{
  color:#fff;
}

.header-cta-30nice{
  display:flex;
  align-items:center;
  margin-left:14px;
}

.header-cta-30nice .button{
  margin:0;
}

/* Buttons */
.button,
button,
input[type="submit"]{
  border-radius:999px !important;
  font-weight:700;
}

.button.primary:not(.is-outline){
  background:linear-gradient(135deg,var(--brand),var(--brand2)) !important;
  border:none !important;
  color:#fff !important;
}

.button.is-outline,
.button.white.is-outline{
  border-color:rgba(255,255,255,.15) !important;
  color:#fff !important;
}

/* Typography */
h1,h2,h3,h4,h5,h6{
  color:#fff;
  letter-spacing:-0.02em;
}

p,
.section p{
  color:var(--muted);
}

.section{
  border:none;
}

.section-title-normal{
  margin-bottom:10px;
}

.section-title-normal span{
  border:none;
}

/* Template-specific styling */
.home30nice h1,
.home30nice h2,
.home30nice h3,
.home30nice h4,
.home30nice h5,
.home30nice h6{
  color:#fff;
  letter-spacing:-0.02em;
}

.home30nice p{
  color:var(--muted);
}

.home30nice .container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

.home30nice section{
  padding:85px 0;
}

.home30nice .hero{
  padding:0;
  background:
    radial-gradient(circle at top left, rgba(93,141,255,.15), transparent 35%),
    linear-gradient(180deg,#07111f 0%,#0b1629 100%);
}

.home30nice .hero-grid{
  display:grid;
  grid-template-columns:7fr 5fr;
  align-items:center;
}

.home30nice .hero-left{
  padding:90px 7% 70px 7%;
}

.home30nice .hero-right{
  padding:70px 5% 55px 5%;
  background:#0b1629;
}

.home30nice .badge{
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  color:#dce7ff;
  font-size:13px;
  font-weight:600;
  margin-bottom:18px;
}

.home30nice .hero-title{
  font-size:56px;
  line-height:1.05;
  letter-spacing:-1.5px;
  font-weight:800;
  margin:0 0 18px;
}

.home30nice .hero-desc,
.home30nice .section-desc{
  font-size:18px;
  line-height:1.8;
}

.home30nice .hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:22px 0 24px;
}

.home30nice .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 24px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
}

.home30nice .btn-primary{
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  color:#fff;
}

.home30nice .btn-outline{
  border:1px solid rgba(255,255,255,.15);
  color:#fff;
  background:transparent;
}

.home30nice .tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.home30nice .tags span{
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  color:#dce7ff;
  display:inline-block;
}

.home30nice .metric-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.home30nice .metric,
.home30nice .card,
.home30nice .service-card,
.home30nice .contact-box,
.home30nice .project-card,
.home30nice .number-card{
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
}

.home30nice .metric{
  padding:22px;
  background:rgba(255,255,255,.05);
}

.home30nice .metric .n{
  font-size:34px;
  font-weight:800;
  color:#fff;
}

.home30nice .metric .t{
  font-size:14px;
  color:var(--muted);
}

.home30nice .note-box,
.home30nice .card,
.home30nice .service-card,
.home30nice .contact-box{
  padding:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.home30nice .note-box{
  margin-top:16px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:var(--shadow);
}

.home30nice .note-box p.small{
  font-size:14px;
  color:var(--muted2);
}

.home30nice .trust-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
  padding:18px 0 15px;
}

.home30nice .trust{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
  color:#c7d5f4;
  background:rgba(255,255,255,.03);
}

.home30nice .two-col,
.home30nice .three-col,
.home30nice .four-col{
  display:grid;
  gap:24px;
}

.home30nice .two-col{
  grid-template-columns:1fr 1fr;
}

.home30nice .three-col{
  grid-template-columns:repeat(3,1fr);
}

.home30nice .four-col{
  grid-template-columns:repeat(4,1fr);
}

.home30nice .number-card{
  padding:24px;
  background:rgba(255,255,255,.05);
}

.home30nice .number{
  font-size:34px;
  font-weight:800;
  color:#fff;
}

.home30nice .service-card ul{
  margin:0;
  padding-left:18px;
}

.home30nice .service-card li{
  margin:7px 0;
  color:#dce6ff;
}

.home30nice .project-card{
  padding:30px;
  min-height:260px;
}

.home30nice .project-blue{
  background:linear-gradient(135deg,#5d8dff,#1a2b4f);
}

.home30nice .project-green{
  background:linear-gradient(135deg,#1fd29d,#153b37);
}

.home30nice .project-gold{
  background:linear-gradient(135deg,#ffb84d,#4a3517);
}

.home30nice .project-card p{
  color:#edf3ff;
}

.home30nice .case-label,
.home30nice .project-label{
  font-size:12px;
  color:#c8d5f4;
  text-transform:uppercase;
  margin-bottom:8px;
}

.home30nice .feature-card{
  min-height:220px;
}

.home30nice .process-card{
  min-height:240px;
}

.home30nice .step-no{
  font-size:28px;
  font-weight:800;
  color:#fff;
  margin-bottom:8px;
}

.home30nice .contact-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.home30nice .contact-item{
  padding:18px 20px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:12px;
  color:#dce5ff;
  background:rgba(255,255,255,.03);
}

.home30nice .alt{
  background:#0b1629;
}

.home30nice .title{
  font-size:44px;
  line-height:1.15;
  margin:0 0 12px;
}

.home30nice .contact-form-wrap .wpcf7 form{
  margin:0;
}

.home30nice .contact-form-wrap input[type="text"],
.home30nice .contact-form-wrap input[type="email"],
.home30nice .contact-form-wrap input[type="tel"],
.home30nice .contact-form-wrap textarea,
.home30nice .contact-form-wrap select{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  border-radius:16px;
}

.home30nice .contact-form-wrap textarea{
  min-height:130px;
}

.home30nice .contact-form-wrap input::placeholder,
.home30nice .contact-form-wrap textarea::placeholder{
  color:#9cb0d7;
}

.home30nice .contact-form-wrap .wpcf7-submit{
  background:linear-gradient(135deg,var(--brand),var(--brand2)) !important;
  border:none !important;
  color:#fff !important;
  padding:14px 24px !important;
  border-radius:999px !important;
}

/* Footer */
#footer,
.footer-wrapper{
  background:#060c17;
  color:#b7c6e6;
  border-top:1px solid rgba(255,255,255,.08);
}

.absolute-footer{
  background:#050a14;
  color:#94a6cc;
}

/* Mobile */
@media (max-width: 849px){
  .header-cta-30nice{
    display:none;
  }

  .home30nice section{
    padding:60px 0;
  }

  .home30nice .hero-grid,
  .home30nice .two-col,
  .home30nice .three-col,
  .home30nice .four-col,
  .home30nice .contact-wrap,
  .home30nice .trust-grid,
  .home30nice .metric-grid{
    grid-template-columns:1fr;
  }

  .home30nice .hero-left{
    padding:50px 25px 30px 25px;
  }

  .home30nice .hero-right{
    padding:20px 20px 50px 20px;
  }

  .home30nice .hero-title{
    font-size:36px;
    line-height:1.12;
  }

  .home30nice .hero-desc,
  .home30nice .section-desc{
    font-size:16px;
  }
}