:root{
  --navy:#0D1B2A;
  --turquoise:#00C2D1;
  --soft-white:#F7F9FA;
  --graphite:#1F2933;
  --lcars-orange:#F2C9A0;
  --lcars-purple:#C7B7FF;
  --max-width:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--soft-white);color:var(--graphite);line-height:1.5}
.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:100;background:var(--navy);box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600}
.logo-icon{
  width:32px;
  height:32px;
  border-radius:50%;
  background-image:url('../img/cartoon-icon.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.nav{display:flex;gap:32px}
.nav a{color:#fff;font-weight:500;font-size:18px;position:relative; text-decoration: none;}
.nav a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--turquoise);transition:width .15s ease-out}
.nav a:hover::after{width:100%}
.section-title{font-size:32px;font-weight:600;color:var(--navy);margin-bottom:32px}
.lcars-bar{width:100%;height:4px;display:flex;overflow:hidden}
.lcars-segment{flex:1;background:var(--lcars-orange);animation:lcars-scan 3s linear infinite}
.lcars-segment:nth-child(2){background:var(--lcars-purple);animation-delay:.5s}
.lcars-segment:nth-child(3){background:var(--turquoise);animation-delay:1s}
@keyframes lcars-scan{0%{transform:translateX(-100%);opacity:.4}50%{transform:translateX(0);opacity:.8}100%{transform:translateX(100%);opacity:.4}}