*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#161616;--bg-card-hover:#1c1c1c;--orange-primary:#ff6a00;--orange-light:#ff8c33;--orange-dark:#c50;--orange-glow:#ff6a0026;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#2a2a2a;--container-width:1700px;--section-padding:120px}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--orange-primary) var(--bg-primary)}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 40px}.section-title{letter-spacing:4px;text-transform:uppercase;color:var(--orange-primary);margin-bottom:16px;font-size:14px;font-weight:600}.section-heading{color:var(--text-primary);margin-bottom:24px;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.2}.section-desc{color:var(--text-secondary);max-width:600px;font-size:18px;line-height:1.8}.btn-primary{background:var(--orange-primary);color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:4px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--orange-light);transform:translateY(-2px);box-shadow:0 8px 30px #ff6a004d}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:500;transition:all .3s;display:inline-flex}.btn-outline:hover{border-color:var(--orange-primary);color:var(--orange-primary)}.about-grid{alignItems:center;grid-template-columns:1fr 1.2fr;gap:80px;display:grid}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1200px){.container{padding:0 32px}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){:root{--section-padding:80px}.container{padding:0 24px}.about-grid{grid-template-columns:1fr;gap:48px}.projects-grid{grid-template-columns:1fr}}@media (width<=768px){.container{padding:0 20px}:root{--section-padding:60px}}