*{margin:0;padding:0;box-sizing:border-box}body{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;color:#010307;background-color:#b1f4fc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{background:linear-gradient(135deg,#395461,#010307);color:#f4d499;padding:1rem 0;box-shadow:0 2px 10px rgba(1,3,7,.3)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{font-size:1.8rem;font-weight:700;text-decoration:none;color:#f4d499}.nav{display:flex;gap:2rem}.nav a{color:#f4d499;text-decoration:none;font-weight:500;transition:color .3s ease}.nav a:hover{color:#b1f4fc}.nav-dropdown{position:relative}.nav-dropdown:before{content:"";position:absolute;top:100%;left:0;right:0;height:10px;background:transparent}.nav-dropdown>div{margin-top:0!important}.nav-dropdown span{color:#f4d499;font-weight:500;transition:color .3s ease}.nav-dropdown:hover span{color:#b1f4fc}.nav-dropdown a:hover{color:#667eea!important}.footer{background:#010307;color:#f4d499;text-align:center;margin-top:auto}.footer,.page{padding:2rem 0}.hero{padding:4rem 0;background:linear-gradient(135deg,#449faf,#b1f4fc)}.hero-content{gap:3rem;min-height:400px}.hero-content,.hero-image{display:flex;align-items:center}.hero-image{flex:1 1;justify-content:center}.hero-img{max-width:100%;height:auto;max-height:350px;border-radius:15px;box-shadow:0 10px 30px rgba(1,3,7,.3);transition:transform .3s ease}.hero-img:hover{transform:scale(1.05)}.hero-text{flex:1 1;text-align:left}.hero-title-img{max-width:100%;height:auto;max-height:120px;margin-bottom:1rem;display:block}.hero-text p{font-size:1.2rem;color:#010307;margin-bottom:2rem;line-height:1.6}.section{padding:3rem 0}.section h2{text-align:center;margin-bottom:2rem;color:#010307}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.card{background:#f4d499;padding:2rem;border-radius:10px;box-shadow:0 5px 15px rgba(1,3,7,.2);transition:transform .3s ease;border:2px solid #835211}.card:hover{transform:translateY(-5px)}.card h3{color:#835211;margin-bottom:1rem}.crew-section{margin-top:2rem}.pirate-card{background:#f4d499;padding:2rem;border-radius:15px;box-shadow:0 10px 30px rgba(1,3,7,.3);border:3px solid #835211;display:flex;gap:2rem;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease;max-width:1000px;margin:0 auto}.pirate-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(1,3,7,.4)}.pirate-image{flex-shrink:0;width:300px;height:400px;border-radius:10px;overflow:hidden;border:3px solid #835211;box-shadow:0 5px 15px rgba(1,3,7,.3);background:linear-gradient(135deg,#449faf,#b1f4fc);display:flex;align-items:center;justify-content:center}.pirate-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pirate-card:hover .pirate-img{transform:scale(1.05)}.pirate-info{flex:1 1;display:flex;flex-direction:column;gap:1rem}.pirate-info h3{color:#835211;font-size:2rem;margin:0;text-shadow:2px 2px 4px rgba(1,3,7,.2)}.pirate-title{color:#395461;font-size:1.3rem;font-weight:600;font-style:italic;margin:0}.pirate-description{color:#010307;font-size:1.1rem;line-height:1.8;margin:0;text-align:justify}.pirate-traits{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.trait{background:linear-gradient(135deg,#835211,#395461);color:#f4d499;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;box-shadow:0 3px 10px rgba(1,3,7,.2);transition:transform .3s ease}.trait:hover{transform:scale(1.05)}.btn{display:inline-block;padding:.8rem 2rem;background:linear-gradient(135deg,#835211,#395461);color:#f4d499;text-decoration:none;border-radius:5px;font-weight:500;transition:transform .3s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px)}input,textarea{background-color:#f4d499;border:2px solid #835211;color:#010307}input:focus,textarea:focus{outline:none;border-color:#449faf;box-shadow:0 0 5px rgba(68,159,175,.3)}label{color:#010307;font-weight:500}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.nav{gap:1rem;flex-wrap:wrap}.nav-dropdown>div{position:fixed!important;left:50%!important;transform:translateX(-50%);width:90%!important;max-width:300px!important}.hero-content{flex-direction:column;gap:2rem}.hero-content,.hero-text{text-align:center}.hero-title-img{max-height:80px}.hero-text p{font-size:1rem}.hero-img{max-height:250px}.pirate-card{flex-direction:column;padding:1.5rem}.pirate-image{width:100%;height:300px;margin:0 auto}.pirate-info h3{font-size:1.5rem;text-align:center}.pirate-title{text-align:center;font-size:1.1rem}.pirate-description{font-size:1rem;text-align:left}.pirate-traits{justify-content:center}.trait{font-size:.8rem;padding:.4rem .8rem}}