/*
Theme Name: ModernAnimate
Theme URI:  https://example.com/modernanimate
Author:      Your Name
Author URI:  https://example.com
Description: A modern landing-page WordPress theme with hero background and big CTA.
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: modernanimate
Tags:        responsive, landing, one-page, custom-logo
*/
/* Base styles */
:root{
  --accent: #1ea7ff;
  --nav-bg: rgba(9,143,255,0.95);
  --white: #ffffff;
  --muted: #cfe9ff;
  --max-width: 1200px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family: 'Helvetica Neue', Arial, sans-serif;color:#0b2540;line-height:1.5;}
a{color:var(--accent);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}

/* Header / Nav */
.site-header{position:relative;z-index:20;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.site-branding{display:flex;align-items:center;gap:18px}
.site-logo{width:84px;height:84px;border-radius:50%;overflow:hidden;display:block;background:#fff;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.site-title{font-weight:700;color:var(--white);display:none}

.main-nav-wrap{display:flex;align-items:center;gap:20px;background:var(--nav-bg);padding:10px 18px;border-radius:10px 10px 10px 10px}
.main-nav{display:flex;gap:26px;align-items:center;list-style:none;margin:0;padding:0}
.main-nav li{list-style:none}
.main-nav a{color:var(--white);font-weight:700;padding:8px 6px;display:inline-block}

/* Hero */
.hero{min-height:620px;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;position:relative;background-size:cover;background-position:center;}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,37,76,0.35), rgba(3,37,76,0.65));}
.hero-inner{position:relative;z-index:2;max-width:1000px;color:var(--white)}
.hero h1{font-size:64px;line-height:1.03;margin:0 0 18px;font-weight:800;letter-spacing: -1px}
.hero p.lead{font-size:20px;color:var(--muted);margin:0 0 28px;opacity:0.95}
.btn-primary{display:inline-block;background:rgba(255,255,255,0.12);color:var(--white);padding:14px 28px;border-radius:26px;font-weight:700;border:2px solid rgba(255,255,255,0.08);text-decoration:none;box-shadow:0 6px 18px rgba(3,37,76,0.35)}

/* Content area */
.content{padding:48px 0}
.card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 24px rgba(2,6,23,0.06)}

/* Footer */
.site-footer{padding:40px 0;text-align:center;color:#7ea6cf;background:#f6fbff}

/* Responsive */
@media (max-width:900px){
  .hero h1{font-size:34px}
  .main-nav-wrap{padding:8px 10px}
  .site-logo{width:60px;height:60px}
}