*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#000;font-family:Helvetica Neue,Arial,sans-serif}.hero-title{font-size:clamp(28px,6vw,130px);font-weight:900;letter-spacing:-4px;line-height:1;background:linear-gradient(135deg,#fff,#888,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 5s ease infinite}.hero-sub{font-size:clamp(9px,2.8vw,16px);letter-spacing:8px;text-transform:uppercase;color:#ffffff59;margin-top:18px}.cta-btn{display:inline-block;margin-top:36px;padding:14px 44px;border:1px solid rgba(255,255,255,.5);color:#fff;letter-spacing:5px;text-transform:uppercase;font-size:12px;cursor:pointer;pointer-events:all;background:transparent;transition:all .3s ease;font-family:inherit}.cta-btn:hover{background:#ffffff12;box-shadow:0 0 40px #ffffff26,inset 0 0 20px #ffffff0a}.scroll-hint{position:fixed;bottom:36px;left:50%;transform:translate(-50%);color:#fff3;font-size:10px;letter-spacing:5px;text-transform:uppercase;pointer-events:none;animation:breathe 2.5s ease-in-out infinite}@media (max-width: 767px){.hero-title{font-size:clamp(22px,7.5vw,44px);letter-spacing:-1.5px}.hero-sub{font-size:clamp(8px,2.2vw,11px);letter-spacing:3px;margin-top:10px}.cta-btn{margin-top:18px;padding:9px 22px;font-size:10px;letter-spacing:3px}.scroll-hint{bottom:16px;font-size:8px;letter-spacing:2px}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathe{0%,to{opacity:.2;transform:translate(-50%) translateY(0)}50%{opacity:.55;transform:translate(-50%) translateY(-4px)}}