:root{--brand1: #4f46e5;--brand2: #7c3aed;--brand3: #f43f5e;--text: #0f172a;--muted: #334155;--bg: #f8fafc;--white: #ffffff}html{scroll-behavior:smooth}.hero-wrap{position:relative}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.text-shadow{text-shadow:0 0px 6px rgba(0,0,0,.5)}.glass{position:relative;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand svg{width:24px;height:24px;fill:currentColor}.menu{display:none;align-items:center;gap:24px}.menu a{color:#ffffffe6;text-decoration:none;font-weight:500}.menu a:hover{color:#fff}.nav-item{position:relative}.dropdown{display:none;position:absolute;top:100%;right:0;margin-top:8px;width:220px;background:#fff;color:var(--text);border-radius:12px;box-shadow:0 20px 40px #02061726;overflow:hidden;z-index:20}.dropdown a{display:block;padding:12px 14px;color:var(--muted)}.dropdown a:hover{background:#f1f5f9;color:var(--text)}.nav-item:hover .dropdown{display:block}.menu-btn{background:transparent;border:0;color:#fff;width:40px;height:40px;border-radius:8px}.menu-btn:hover{background:rgba(255,255,255,.12)}.mobile-panel{display:none;padding:8px 0 16px}.mobile-panel a{display:block;padding:10px 12px;color:#fffffff2;text-decoration:none}.mobile-sub a{padding-right:24px;color:#ffffffd9}.mobile-panel .cta{margin:8px 12px}.hero{padding:40px 0;color:#fff}.hero h1{margin:16px 0 8px;font-size:36px;line-height:1.2}.hero p{margin:0;font-size:16px;opacity:.95}@media (min-width: 768px){.menu{display:flex}.menu-btn,.mobile-panel{display:none}.hero h1{font-size:44px}}