:root{--color-black: #000;--color-off-black: #111;--color-off-white: #f5f5f5;--color-pirate-red: #CD1010;--color-treasure-gold: #FFD700;--color-deep-sea-blue: #003366;--color-parchment: #FDF5E6;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545}html{background:var(--color-black);color:var(--color-off-white);font-size:16px;box-sizing:border-box}body{background:var(--color-black);color:var(--color-off-white);font-family:Afacad,Segoe UI,Arial,sans-serif;min-height:100vh;margin:0;padding:0;line-height:1.6}body.no-scroll{overflow:hidden}h1{font-family:Berkshire Swash,cursive;font-size:2.25rem;margin:0 0 16px;color:var(--color-pirate-red);text-shadow:2px 2px 8px #000a}h2,h3,h4,h5,h6{font-family:Salsa,cursive;color:var(--color-treasure-gold);margin-top:24px;margin-bottom:12px}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p,li,label,input,button,a{font-family:Afacad,Segoe UI,Arial,sans-serif;font-size:1rem;color:var(--color-off-white)}a{color:var(--color-treasure-gold);text-decoration:underline;transition:color .2s}a:hover,a:focus{color:var(--color-pirate-red)}button,.cta-button{background-color:var(--color-pirate-red);color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;cursor:pointer;font-family:Afacad,Segoe UI,Arial,sans-serif;transition:background .2s,color .2s}button:hover,.cta-button:hover,button:focus,.cta-button:focus{background-color:var(--color-treasure-gold);color:var(--color-off-black);outline:2px solid var(--color-treasure-gold)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.error{color:var(--color-error)}.bg-parchment{background:var(--color-parchment);color:var(--color-off-black)}.bg-sea{background:var(--color-deep-sea-blue);color:var(--color-off-white)}::-webkit-scrollbar{width:8px;background:var(--color-deep-sea-blue)}::-webkit-scrollbar-thumb{background:var(--color-treasure-gold);border-radius:4px}:focus{outline:2px solid var(--color-treasure-gold);outline-offset:2px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-8{padding:8px}.p-16{padding:16px}.p-24{padding:24px}.pirate-border{border:2px solid var(--color-treasure-gold);border-radius:8px;box-shadow:0 2px 8px #0006}@media (min-width: 600px){html{font-size:18px}h1{font-size:2.75rem}h2{font-size:2.25rem}}