.hexagon-container{background-color:#131217;width:100%;height:100%;position:fixed;overflow:hidden}.content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;pointer-events:none}.hexagon-container h1{font-size:5rem;font-weight:700;color:white;text-align:center;margin-bottom:.5rem}.hexagon-subtitle{font-size:1.5rem;color:white;opacity:.8;text-align:center;max-width:600px;margin:0 auto}.pattern-container{overflow:hidden}#pattern,.pattern-container{position:absolute;top:0;left:0;right:0;bottom:0}#pattern{z-index:5}.hexagon{width:44px;height:50px;position:absolute;background-image:url("data:image/svg+xml,%3Csvg width='87' height='100' viewBox='0 0 87 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.19873 26.1547L43.5 2.3094L84.8013 26.1547V73.8453L43.5 97.6906L2.19873 73.8453V26.1547Z' fill='%23131217' stroke='%23ff8811' stroke-width='4'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:opacity .3s ease}.gradient-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none}.invisible-gradient{width:200px;height:200px;position:absolute;pointer-events:none}@media (max-width:768px){.hexagon-container h1{font-size:3rem}.hexagon-subtitle{font-size:1.2rem}}