:root{--gold-primary: #d4af37;--gold-dark: #b8941f;--gold-light: #e6c55a;--black-primary: #1a1a1a;--black-soft: #2d2d2d;--white-primary: #ffffff;--white-soft: #f8f8f8;--warm-orange: #ff7e00;--warm-yellow: #ffcc00;--gold-primary-rgb: 212, 175, 55;--warm-yellow-rgb: 255, 204, 0;--black-rgba-soft: rgba(0, 0, 0, .5);--shadow-gold-light: rgba(var(--gold-primary-rgb), .1);--shadow-gold-medium: rgba(var(--gold-primary-rgb), .3);--shadow-gold-strong: rgba(var(--gold-primary-rgb), .4);--shadow-gold-hover: rgba(var(--gold-primary-rgb), .5);--shadow-warm-yellow: rgba(var(--warm-yellow-rgb), .6)}.hero-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--black-primary),var(--black-soft))}.background-pattern{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--shadow-gold-light) 0%,transparent 50%);z-index:1;opacity:.8}.hero-main{position:relative;z-index:2;text-align:center;max-width:800px;padding:2rem}.hero-content{opacity:1;transform:translateY(0)}.hero-logo-image{width:270px;height:270px;transform:scale(1.1);border:3px solid var(--gold-primary);border-radius:50%;padding:15px;background:var(--white-soft);transition:all .3s ease;box-shadow:0 0 20px var(--shadow-gold-medium);object-fit:contain}.hero-logo-image:hover{box-shadow:0 0 30px var(--shadow-gold-hover)}#cursor{opacity:1;display:inline-block;font-weight:700;margin-left:2px}.animated-text{display:block;position:relative;overflow:visible;z-index:10;font-size:2.5rem;color:var(--white-primary);margin:0;font-weight:700;line-height:1.2;text-shadow:2px 2px 4px var(--black-rgba-soft);text-transform:uppercase;letter-spacing:2px;min-height:6rem;display:flex;align-items:center;justify-content:flex-start}.flex-container{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.logo-container{flex-shrink:0;margin-top:6rem;width:350px}.content-header{flex:1;text-align:left;margin-top:5rem;min-width:338px}.tagline{position:relative;margin-bottom:1rem;z-index:10;overflow:visible}.tagline .subtitle{font-size:1.5rem;color:var(--gold-light);margin:.5rem 0 1rem;font-weight:600;line-height:1.3;text-shadow:1px 1px 2px var(--black-rgba-soft);text-transform:none;letter-spacing:1px;font-family:var(--font-secondary)}.accent-line{width:100px;height:3px;background:var(--gold-primary);margin:1rem 0;border-radius:2px;animation:expandLine 1.5s ease-out .5s both}.description{margin:1.5rem 0;font-size:1.125rem;color:var(--white-soft);line-height:1.6}.description strong{color:var(--gold-light);font-weight:600}.cta-navigation{margin-top:3rem;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--gold-primary),var(--gold-dark));color:var(--black-primary);box-shadow:0 6px 20px var(--shadow-gold-medium)}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold-primary));transform:translateY(-2px);box-shadow:0 10px 30px var(--shadow-gold-strong)}.btn-secondary{background:transparent;color:var(--gold-primary);border:2px solid var(--gold-primary)}.btn-secondary:hover{background:var(--gold-primary);color:var(--black-primary);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-gold-medium)}.floating-elements{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:.7}.spark{position:absolute;width:2px;height:12px;background:linear-gradient(to bottom,var(--warm-yellow),var(--warm-orange));border-radius:1px;box-shadow:0 0 12px var(--shadow-warm-yellow);pointer-events:none;opacity:0}@keyframes expandLine{0%{width:0}to{width:100px}}@keyframes sparkFloat{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(20deg) translateY(-100vh)}}@media screen and (max-width: 768px){.hero-main{padding:1rem}.animated-text{font-size:2rem}.cta-navigation{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:200px}.floating-elements{opacity:.5}.content-header{margin-top:0rem;padding-left:1rem}}@media screen and (min-width: 769px) and (max-width: 900px){.content-header{margin-top:0rem}.logo-container{margin-top:5rem;margin-left:0rem}}@media screen and (max-width: 480px){.animated-text{font-size:1.8rem}.description{font-size:1rem}.hero-logo-image{width:160px;height:160px;padding:10px}.logo-container{width:180px}}