:root{ --pink: #EF3F9C; --bg:#0f0f0f; --font:'Helvetica', Arial, sans-serif; }
*{box-sizing:border-box;margin:0;padding:0}
body,html{height:100%;font-family:var(--font);background:var(--bg);color:#fff;overflow:hidden}
.hero{position:relative;width:100%;height:100vh;overflow:hidden}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.top-center{position:absolute;left:50%;transform:translateX(-50%);top:18px;z-index:30;display:flex;align-items:center}
.hamburger{background:transparent;border:2px solid var(--pink);padding:10px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.hamburger .bar{display:block;width:22px;height:2px;background:var(--pink);margin:3px 0;transition:all .2s}
.menu{position:absolute;top:54px;left:50%;transform:translateX(-50%);background:rgba(10,10,10,0.75);backdrop-filter:blur(4px);padding:12px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .18s}
.menu.open{opacity:1;pointer-events:auto}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.menu a{color:var(--pink);text-decoration:none;font-weight:600;letter-spacing:0.03em;font-family:var(--font)}
.center-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:var(--pink)}
.center-text h1{font-size:32px}
.workpage{background:#0b0b0b;overflow:auto}
.gallery{padding:50px;text-align:center}