*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #e67e22;--color-secondary: #2c3e50;--color-accent: #27ae60;--color-bg: #1a1a1a;--shadow-rpg-btn: 0 6px 0 #b35900}html,body,#root,.app-container{width:100%;margin:0;padding:0;overflow-x:hidden;background-color:var(--color-bg);color:#f3f3f3;font-family:Inter,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}.center-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}h1{font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;line-height:1.1;text-transform:uppercase}h2{font-size:clamp(1.8rem,8vw,3rem);text-transform:uppercase;margin-bottom:30px}h3{font-size:clamp(1.3rem,5vw,2rem);text-transform:uppercase}.page-wrapper{width:100%}.content{padding-top:80px;min-height:calc(100vh - 80px);width:100%;display:flex;flex-direction:column;align-items:center}.btn-3d{position:relative;padding:14px 28px;background:var(--color-primary);border:none;border-radius:12px;color:#fff;font-weight:800;cursor:pointer;box-shadow:var(--shadow-rpg-btn);transition:all .1s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.btn-3d:active{transform:translateY(4px);box-shadow:0 2px #b35900}@keyframes leaf-fall{0%{transform:translateY(-10vh) translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(110vh) translate(20vw) rotate(360deg);opacity:0}}.page-header{width:100%;height:40vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:-40px}.page-header:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,var(--color-bg))}.section-with-bg{position:relative;overflow:hidden}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%}@media(max-width:480px){.grid-responsive{grid-template-columns:1fr}}
