*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:transform;font-family:Comic Neue,Arial,sans-serif;position:relative;overflow:hidden;background:url(/forest-background.png) center center / cover no-repeat}.background-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%) translateY(-50%);z-index:-1;filter:contrast(1.1) brightness(1.05) saturate(1.1);object-fit:cover}.name{font-size:4rem;font-weight:700;margin:0 0 2rem;letter-spacing:-.02em;text-shadow:0 3px 6px rgba(0,0,0,.8);font-family:Comic Neue,Arial,sans-serif;color:#2c2c2c;text-align:center;position:relative;z-index:1}.main-content{padding:2rem;color:#2c2c2c;text-align:center;position:relative;z-index:1;background:#f8f0dce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;border:1px solid rgba(200,180,150,.3);transition:all .3s ease;will-change:transform,box-shadow;border-radius:15px}.main-content:hover{box-shadow:0 8px 32px #0000004d,0 0 20px #c8b49633,inset 0 0 20px #c8b4961a;border:1px solid rgba(200,180,150,.4);animation:shimmer 2s ease-in-out infinite}.navigation{display:flex;gap:1rem;margin:0 0 2rem;justify-content:center;flex-wrap:wrap}.nav-button{background:#dcc8aacc;border:1px solid rgba(180,160,130,.4);color:#2c2c2c;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Comic Neue,Arial,sans-serif;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-button:hover{background:#c8b496e6;border-color:#a08c6e80;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.nav-button.active{background:#b4a082e6;border-color:#8c785a99;box-shadow:0 4px 12px #0006}.section-content{margin-top:1rem}.subtitle{font-size:1.25rem;font-weight:400;margin:0;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.3);font-family:Comic Neue,Arial,sans-serif;color:#2c2c2c}.subtitle-link{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:400;margin:0;opacity:.9;font-family:Comic Neue,Arial,sans-serif;color:#2c2c2c;text-decoration:none;transition:all .3s ease}.subtitle-link:hover{color:#1a1a1a;transform:translateY(-1px)}.logo-icon{flex-shrink:0;opacity:.8;transition:opacity .3s ease}.subtitle-link:hover .logo-icon{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{box-shadow:0 8px 32px #0000004d,0 0 20px #c8b49633,inset 0 0 20px #c8b4961a}50%{box-shadow:0 8px 32px #0000004d,0 0 30px #c8b4964d,inset 0 0 30px #c8b49626}}@media (max-width: 768px){.main-content{padding:1.5rem;margin:0 1rem 1rem}.name{font-size:2.5rem;margin:0 0 1.5rem}.navigation{gap:.75rem;margin:1.5rem 0}.nav-button{padding:.6rem 1.2rem;font-size:.9rem}.subtitle{font-size:1rem}}@media (max-width: 480px){.main-content{padding:1rem;margin:0 .5rem .5rem}.name{font-size:2rem;margin:0 0 1rem}.navigation{gap:.5rem;margin:1rem 0}.nav-button{padding:.5rem 1rem;font-size:.85rem}.subtitle{font-size:.9rem}}