*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#000}.app{width:100%;height:100%;position:relative}canvas{touch-action:none}.interface{position:fixed;top:0;left:0;width:100%;padding:20px;pointer-events:none}.navigation{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.navigation button{padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;pointer-events:auto}.section-content{position:fixed;bottom:5rem;right:2rem;transform:none;color:#f4f8df;text-align:center;max-width:600px;background:#26713a;padding:2.5rem;border-radius:8px;pointer-events:auto;border:2px solid #36853a;box-shadow:0 10px 28px #17341873}.section-content h2{margin-bottom:1.5rem;font-size:2rem;font-weight:700;color:#fff7d6;text-shadow:0 2px 0 #1b3d1d,0 0 8px rgba(27,61,29,.55)}.section-content p{white-space:pre-line;line-height:1.8;font-size:1.1rem;opacity:1;text-shadow:0 1px 0 #173418}.navigation-buttons{position:fixed;bottom:2rem;right:2rem;display:flex;gap:1rem;pointer-events:auto}.nav-button{padding:.8rem 1.5rem;background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;cursor:pointer;pointer-events:auto;transition:all .3s ease;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.5);box-shadow:0 0 15px #ffffff1a}.nav-button:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.05);box-shadow:0 0 20px #fff3}.contact-button{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;text-decoration:none;pointer-events:auto;transition:all .3s ease}.contact-button:hover{background:#ffffff4d}.social-buttons{position:fixed;top:2rem;right:2rem;display:flex;gap:1rem;pointer-events:auto;z-index:1000}.social-button{padding:.8rem 1.5rem;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1rem;text-decoration:none}.social-button:hover{background:#ffffff1a;border-color:#ffffff4d}.social-button svg{width:1.2rem;height:1.2rem}@media (max-width: 700px){.interface{padding:.75rem}.section-content{left:1rem;right:1rem;bottom:5.25rem;max-width:none;max-height:32vh;padding:1rem;overflow:auto}.section-content h2{margin-bottom:.55rem;font-size:1.35rem}.section-content p{font-size:.9rem;line-height:1.45}.navigation-buttons{left:1rem;right:1rem;bottom:1rem;justify-content:center}.nav-button{min-width:7rem;padding:.7rem 1rem;font-size:1rem}.social-buttons{top:.75rem;left:.75rem;right:.75rem;justify-content:center;gap:.5rem}.social-button{padding:.6rem .85rem;font-size:.9rem}.social-button svg{width:1rem;height:1rem}}@media (max-width: 390px){.section-content{bottom:5rem;padding:.85rem}.section-content h2{font-size:1.2rem}.section-content p{font-size:.84rem}}