:root{--bg: #f7f8fa;--fg: #0b0f1a;--muted: #667085;--primary: #2dd4bf;--accent: #60a5fa}*{box-sizing:border-box}html,body,#root{height:100%;background:var(--bg);color:var(--fg);margin:0}a{color:inherit;text-decoration:none}.container{max-width:1120px;margin:0 auto;padding:0 16px}.container-narrow{width:70vw;margin-left:auto;margin-right:auto;padding:0}@media (max-width: 780px){.container-narrow{width:92vw}}.container-wide{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0}.nav{position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-bottom:1px solid #e5e7eb;z-index:30}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.nav{box-shadow:0 6px 16px #0000000f}.nav-brand{font-weight:700;letter-spacing:.5px;color:#0f172a;text-decoration:none}.nav-links{display:flex;gap:12px;align-items:center}.nav-link{color:#0f172a;text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:500}.nav-link:hover{background:#f3f4f6}.nav-link.active{background:#0f172a;color:#fff}.nav-toggle{display:none;border:none;background:transparent;padding:8px 10px;border-radius:10px}.hamburger{display:block;width:22px;height:2px;background:#0f172a;position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;right:0;height:2px;background:#0f172a}.hamburger:before{top:-6px}.hamburger:after{top:6px}.nav.open .nav-links{display:flex}.hero{min-height:92vh;display:grid;place-items:center;text-align:center;padding:64px 0;background-size:cover;background-position:center}.hero-inner{position:relative;width:100%}.hero-box{margin:0 auto;max-width:880px;background:#ffffffd9;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 20px 40px #00000014}.hero-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:6px}.hero h1{font-size:clamp(28px,6vw,56px);line-height:1.1;margin:0}.hero p{color:var(--muted);font-size:clamp(14px,2.5vw,18px);margin:16px 0 24px}.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:linear-gradient(90deg,var(--primary),var(--accent));color:#0b0f1a;font-weight:600}.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.section{padding:48px 0}.footer{border-top:1px solid #e5e7eb;padding:24px 0;color:var(--muted);background:#fff}@media (max-width: 780px){.grid{grid-template-columns:repeat(1,1fr)}}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.pill{padding:8px 12px;border-radius:999px;border:1px solid #e5e7eb;color:var(--muted);cursor:pointer;background:#fff}.pill.active{color:var(--fg);border-color:var(--accent);background:#60a5fa1f}.thumb{width:100%;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#60a5fa40,#2dd4bf40);display:grid;place-items:center;font-weight:700;color:#0b0f1a}.thumb-img{width:100%;aspect-ratio:16/10;border-radius:12px;-o-object-fit:cover;object-fit:cover}.detail-hero{min-height:280px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#60a5fa2e,#2dd4bf2e)}.specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spec{padding:12px;border-radius:12px;background:#fff;border:1px solid #e5e7eb}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#22c55ef2;color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:100}.toast.error{background:#ef4444f2}.app{min-height:100%;display:flex;flex-direction:column}main{flex:1}.banner{background-size:cover;background-position:center;border-bottom:1px solid #e5e7eb}.banner-overlay{background:linear-gradient(0deg,#ffffffbf,#fff0);border-radius:12px;padding:24px}.banner-title{font-size:24px;font-weight:700}.news-card{position:relative;overflow:hidden}.news-cover{width:100%;aspect-ratio:16/9;border-radius:12px;-o-object-fit:cover;object-fit:cover}.news-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;color:var(--muted)}.news-title{font-size:18px;font-weight:700;margin-top:8px}.slider{margin-top:20px}.slide-img{width:100%;max-height:520px;-o-object-fit:cover;object-fit:cover;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000014}.dots{display:flex;gap:6px;justify-content:center;margin-top:10px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer}.dot.active{background:var(--accent)}.fullscreen{min-height:100vh;display:grid;place-items:center}.section-alt{background:linear-gradient(135deg,#60a5fa1f,#2dd4bf1f)}.features-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width: 780px){.features-grid{grid-template-columns:repeat(1,1fr)}}.feature-card{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 12px 24px #0000000f}@media (max-width: 780px){.feature-card{grid-template-columns:1fr}}.feature-media{position:relative;overflow:hidden;border-radius:12px}.feature-media img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;display:block}.feature-content{align-self:center}.feature-title{font-weight:800;font-size:22px}.feature-desc{color:var(--muted);margin-top:6px}.news-hero-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width: 780px){.news-hero-grid{grid-template-columns:repeat(1,1fr)}}.news-hero-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid #e5e7eb;background:#fff}.news-hero-cover{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.news-hero-cover-placeholder{background:linear-gradient(135deg,#60a5fa2e,#2dd4bf2e)}.news-hero-info{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(0deg,#00000073,#0000);color:#fff}.mosaic-grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.mosaic-item{position:relative;overflow:hidden;border-radius:16px;border:1px solid #e5e7eb;background:#fff;min-height:240px}.mosaic-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mosaic-label{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;font-weight:800;font-size:16px;text-shadow:0 4px 10px rgba(0,0,0,.35)}.cta-full{max-width:880px;margin:0 auto;padding:32px;border-radius:20px;border:1px solid #e5e7eb;background:#ffffffeb;box-shadow:0 20px 40px #00000014;text-align:center}.cta-images{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 16px}@media (max-width: 780px){.cta-images{grid-template-columns:1fr}}.cta-img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 12px 24px #0000000f}.cta-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;text-align:left}@media (max-width: 780px){.cta-list{grid-template-columns:1fr}}.cta-item{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.cta-full .btn{margin-top:16px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}@media (max-width: 780px){.contact-info{grid-template-columns:1fr}}.contact-card{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#fff;box-shadow:0 10px 20px #0000000f}.contact-item-label{color:var(--muted);font-size:12px}.contact-item-value{font-weight:700}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}@media (max-width: 780px){.contact-layout{grid-template-columns:1fr}.nav-inner{flex-direction:row;align-items:center}.nav-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:58px;left:0;right:0;background:#fffffff5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #e5e7eb;padding:12px 0;flex-direction:column;gap:8px}.nav.open .nav-links{display:flex}.nav-link{padding:12px 16px}}