') repeat-x;opacity:.5}header h1{font-size:3rem;margin-bottom:.5rem}header p{font-size:1.2rem;opacity:.9}.container{max-width:1200px;margin:0 auto;padding:2rem}.section{margin-bottom:3rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(238,155,0,.1));border-radius:10px;padding:2rem;box-shadow:0 4px 10px rgba(0,0,0,.1);border-left:4px solid #ee9b00;position:relative}.section::before{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:10px;background:url('data:image/svg+xml,') repeat-x}.section h2{font-size:2.5rem;color:#004aad;margin-bottom:1rem}.tide-weather form{display:flex;gap:1rem;max-width:600px;margin:0 auto;margin-bottom:1rem}.tide-weather input{padding:.8rem;border:1px solid #004aad;border-radius:5px;font-size:1rem;flex:1}.tide-weather button{background:#ee9b00;color:#fff;border:none;padding:.8rem;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background 0.3s}.tide-weather button:hover{background:#d88a00}.tide-weather-result{display:grid;gap:1rem}.tide-weather-card{background:#f4f4f4;padding:1rem;border-radius:5px;border:1px solid #004aad}.tide-weather-card h3{font-size:1.2rem;color:#004aad;margin-bottom:.5rem}.tide-weather-card p{font-size:1rem}.tide-weather-card a{color:#ee9b00;text-decoration:none}.tide-weather-card a:hover{color:#d88a00}.quiz-product-row{display:flex;gap:2rem;margin-bottom:4rem;flex-wrap:wrap}.quiz-container{flex:1;max-width:600px;border:2px solid #004aad}.quiz-question{display:none!important}.quiz-question.active{display:block!important}.quiz-question h3{font-size:1.3rem;color:#004aad;margin-bottom:1rem}.quiz-options{display:grid;gap:.5rem}.quiz-options label{display:block;padding:.8rem;background:#f4f4f4;border:1px solid #004aad;border-radius:5px;cursor:pointer;transition:background 0.3s,color 0.3s}.quiz-options input:not(:checked)+label:hover{background:#ee9b00;color:#fff}.quiz-options input:checked+label{background:#ee9b00!important;color:#fff!important}.quiz-progress{width:100%;height:10px;background:#f4f4f4;border-radius:5px;margin-bottom:1rem;overflow:hidden}.quiz-progress-bar{height:100%;background:#ee9b00;width:0;transition:width 0.3s}.quiz-button{background:#ee9b00;color:#fff;border:none;padding:.8rem;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background 0.3s;margin-top:1rem;display:block;margin-left:auto;margin-right:auto;width:fit-content}.quiz-button:hover{background:#d88a00}.quiz-result{margin-top:1rem;padding:1rem;background:#f4f4f4;border-radius:5px;border:1px solid #004aad;text-align:center}.quiz-result h3{font-size:1.5rem;color:#004aad;margin-bottom:.5rem}.quiz-result p{font-size:1rem;margin-bottom:1rem}.quiz-result button{background:#ee9b00;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background 0.3s}.quiz-result button:hover{background:#d88a00}.product-container{flex:1;max-width:400px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(238,155,0,.1));border-radius:10px;padding:1.5rem;box-shadow:0 4px 10px rgba(0,0,0,.1);border:1px solid #004aad;text-align:center}.product-container img{width:100%;max-width:200px;height:300px;object-fit:cover;border-radius:5px;margin-bottom:1rem}.product-container h3{font-size:1.5rem;color:#004aad;margin-bottom:.5rem}.product-container p{font-size:1rem;color:#333;margin-bottom:1rem}.product-container .price{font-size:1.2rem;font-weight:700;color:#ee9b00;margin-bottom:1rem}.product-container button{background:#ee9b00;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background 0.3s}.product-container button:hover{background:#d88a00}.cost-calculator form{display:grid;gap:1rem;max-width:600px;margin:0 auto}.cost-calculator input,.cost-calculator select{padding:.8rem;border:1px solid #004aad;border-radius:5px;font-size:1rem}.cost-calculator button{background:#ee9b00;color:#fff;border:none;padding:.8rem;border-radius:5px;cursor:pointer;font-size:1.2rem;transition:background 0.3s}.cost-calculator button:hover{background:#d88a00}.cost-result{margin-top:1rem;padding:1rem;background:#f4f4f4;border-radius:5px;border:1px solid #004aad}.cost-result p{font-size:1rem;margin-bottom:.5rem}.cost-result a{color:#ee9b00;text-decoration:none}.cost-result a:hover{color:#d88a00}footer{background:linear-gradient(135deg,#004aad 0%,#f4a261 100%);color:#fff;text-align:center;padding:2rem;position:relative}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:10px;background:url('data:image/svg+xml,') repeat-x}footer a{color:#ee9b00;text-decoration:none;font-weight:700}footer a:hover{color:#fff}@media (max-width:768px){header h1{font-size:2.2rem}header p{font-size:1rem}.container{padding:1rem}.section h2{font-size:1.8rem}.tide-weather form,.cost-calculator form{max-width:100%}.tide-weather form{flex-direction:column}.tide-weather input,.tide-weather button{width:100%}.quiz-product-row{flex-direction:column;gap:1rem}.quiz-container,.product-container{max-width:100%}.product-container img{max-width:150px;height:225px}}
Plan your adventure with live tide & weather forecasts, a historical persona quiz, trip cost calculations, and exclusive digital products!
Check live tide times and weather forecasts to plan your Southampton activities!
Discover which Southampton historical era or figure you’d be!
Dive into Southampton’s rich past with this eBook, covering Roman ports, Titanic tales, and WWII heroics.
£9.99
Plan your Southampton trip with live currency conversion. Enter costs and see totals instantly!