:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.navigation{display:flex;justify-content:center;gap:2rem;padding:1.5rem;background:#0000004d;border-bottom:2px solid rgba(76,209,55,.3);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:600;padding:.5rem 1.5rem;border:2px solid rgba(76,209,55,.3);border-radius:10px;transition:all .3s ease;background:#ffffff0d}.nav-link:hover{border-color:#4cd137;background:#4cd1371a;transform:translateY(-2px);box-shadow:0 5px 15px #4cd1374d}.nav-link.active{border-color:#4cd137;background:#4cd13733;box-shadow:0 0 20px #4cd13766}@media(max-width:768px){.navigation{gap:1rem;padding:1rem}.nav-link{font-size:1rem;padding:.4rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff}.hero{position:relative;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;background:linear-gradient(135deg,#4cd1371a,#ff6b6b1a);overflow:hidden}.smoke-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(76,209,55,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(255,107,107,.15) 0%,transparent 50%);animation:smokeFloat 8s ease-in-out infinite;z-index:0}@keyframes smokeFloat{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.05);opacity:.5}}.title{position:relative;z-index:1;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;margin-bottom:1rem;text-shadow:0 0 20px rgba(76,209,55,.5),0 0 40px rgba(255,107,107,.3),2px 2px 4px rgba(0,0,0,.8);animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(76,209,55,.5),0 0 40px rgba(255,107,107,.3),2px 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 30px rgba(76,209,55,.8),0 0 60px rgba(255,107,107,.5),2px 2px 4px rgba(0,0,0,.8)}}.tagline{position:relative;z-index:1;font-size:clamp(1rem,3vw,1.5rem);color:#4cd137;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.content{max-width:1200px;margin:0 auto;padding:3rem 2rem}section{margin-bottom:4rem}h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:1.5rem;text-align:center;color:#4cd137;text-shadow:0 2px 8px rgba(0,0,0,.5)}.mission{text-align:center}.mission-text{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.8;max-width:800px;margin:0 auto;color:#e8e8e8}.crew{padding:3rem 0}.crew-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.crew-member{background:#ffffff0d;border:2px solid rgba(76,209,55,.3);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.crew-member:hover{transform:translateY(-10px);border-color:#4cd137;box-shadow:0 10px 30px #4cd1374d;background:#ffffff14}.member-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.crew-member h3{font-size:1.8rem;margin-bottom:1rem;color:#ff6b6b}.crew-member p{font-size:1.1rem;line-height:1.6;color:#d8d8d8}.journey{text-align:center;padding:3rem 0}.journey-text{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.8;max-width:800px;margin:0 auto;color:#e8e8e8}.cta{text-align:center;padding:3rem 0}.cta p{font-size:1.3rem;margin-bottom:2rem;color:#e8e8e8}.vibes{font-size:2rem;font-weight:700;color:#4cd137;text-shadow:0 0 20px rgba(76,209,55,.5);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.footer{background:#0000004d;padding:2rem;text-align:center;border-top:2px solid rgba(76,209,55,.3)}.footer p{margin:.5rem 0;color:#b8b8b8}.disclaimer{font-size:.9rem;color:#888;font-style:italic}@media(max-width:768px){.crew-grid{grid-template-columns:1fr}.hero{min-height:50vh}section{margin-bottom:3rem}}.pirate-page{position:relative;min-height:100vh;overflow:hidden}.jolly-roger{position:fixed;font-size:3rem;opacity:.3;z-index:1;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.jolly-1{top:5%;left:5%;animation-delay:0s}.jolly-2{top:5%;right:5%;animation-delay:.5s}.jolly-3{top:30%;left:2%;animation-delay:1s}.jolly-4{top:30%;right:2%;animation-delay:1.5s}.jolly-5{bottom:30%;left:3%;animation-delay:2s}.jolly-6{bottom:30%;right:3%;animation-delay:2.5s}.jolly-7{bottom:5%;left:5%;animation-delay:3s}.jolly-8{bottom:5%;right:5%;animation-delay:3.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(-5deg)}}.page-content{position:relative;z-index:10}.pirate-hero{position:relative;min-height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;background:linear-gradient(135deg,#8b451333,#65432133);overflow:hidden}.pirate-title{font-size:clamp(2rem,7vw,4.5rem);font-weight:900;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(139,69,19,.3),2px 2px 4px rgba(0,0,0,.8);animation:pirateGlow 3s ease-in-out infinite}@keyframes pirateGlow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(139,69,19,.3),2px 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 30px rgba(255,215,0,.8),0 0 60px rgba(139,69,19,.5),2px 2px 4px rgba(0,0,0,.8)}}.pirate-tagline{font-size:clamp(1rem,3vw,1.5rem);color:gold;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pirate-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}.ship-intro{text-align:center;margin-bottom:4rem}.intro-text{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.8;max-width:800px;margin:0 auto;color:#e8e8e8}.ship-art-section{margin:4rem 0;display:flex;justify-content:center;align-items:center}.ship-container{width:100%;max-width:800px;padding:2rem;background:linear-gradient(135deg,#1e3a5f4d,#0f34604d);border-radius:20px;border:2px solid rgba(255,215,0,.3);box-shadow:0 10px 40px #00000080}.pirate-ship{width:100%;height:auto;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.features{padding:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:#ffffff0d;border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-10px);border-color:gold;box-shadow:0 10px 30px #ffd7004d;background:#ffffff14}.feature-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.feature-card h3{font-size:1.8rem;margin-bottom:1rem;color:gold}.feature-card p{font-size:1.1rem;line-height:1.6;color:#d8d8d8}.experience{text-align:center;padding:3rem 0}.experience-text{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.8;max-width:900px;margin:0 auto 2rem;color:#e8e8e8}.cta-pirate{text-align:center;padding:3rem 0}.cta-pirate p{font-size:1.3rem;margin-bottom:2rem;color:#e8e8e8}.pirate-vibes{font-size:2rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);animation:pulse 2s ease-in-out infinite}@media(max-width:768px){.jolly-roger{font-size:2rem}.features-grid{grid-template-columns:1fr}.pirate-hero{min-height:35vh}.ship-container{padding:1rem}.jolly-1,.jolly-2{top:8%}.jolly-3,.jolly-4{top:25%}.jolly-5,.jolly-6{bottom:25%}.jolly-7,.jolly-8{bottom:8%}}@media(max-width:480px){.jolly-roger{font-size:1.5rem;opacity:.2}.jolly-1{top:10%;left:3%}.jolly-2{top:10%;right:3%}.jolly-3{top:22%;left:1%}.jolly-4{top:22%;right:1%}.jolly-5{bottom:22%;left:2%}.jolly-6{bottom:22%;right:2%}.jolly-7{bottom:10%;left:3%}.jolly-8{bottom:10%;right:3%}}