.hero-container{width:100%;height:100vh;position:relative;overflow:hidden}.hero-background{background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:#000c;position:absolute;inset:0}.hero-content{z-index:10;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 24px;display:flex;position:relative}.logo-wrapper{margin-bottom:24px}.logo-circle{background:#1f2937;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.logo-icon{color:#f59e0b;width:32px;height:32px}.hero-title{letter-spacing:-.02em;margin-bottom:12px;font-size:2.5rem;font-weight:600}@media (min-width:640px){.hero-title{font-size:3rem}}@media (min-width:768px){.hero-title{font-size:3.5rem}}.hero-subtitle{opacity:.85;max-width:500px;margin-bottom:40px;font-size:1rem}@media (min-width:640px){.hero-subtitle{font-size:1.125rem}}.hero-buttons{flex-direction:column;gap:16px;display:flex}@media (min-width:640px){.hero-buttons{flex-direction:row}}.btn-primary{cursor:pointer;background-color:#e0a43e;border:none;border-radius:calc(.5rem - 2px);min-width:160px;min-height:44px;font-size:1rem;font-weight:500}.btn-primary:hover{background-color:#c18c31;transition:all .3s}.btn-outline{color:#fff;cursor:pointer;background-color:#0c0a09;border:1px solid #3c3a3a;border-radius:calc(.5rem - 2px);min-width:160px;min-height:44px;font-size:1rem;font-weight:500}.btn-outline:hover{color:#000;background-color:#e0a43e;transition:all .3s}.fade-up{opacity:0;animation:.6s forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}