:root{--g:#073a3c;--gold:#ddb568;--cream:#f5f1e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#052f32;color:white;font-family:Arial,sans-serif}.app{max-width:760px;margin:auto;background:linear-gradient(#173f40,#073a3c 55%,#052f32);min-height:100vh;padding-bottom:100px}header{display:flex;gap:16px;align-items:center;padding:32px}.logo{border:2px solid var(--gold);color:var(--gold);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:25px}.brand{font:29px Georgia;letter-spacing:5px}.sub{font-size:11px;letter-spacing:3px;margin-top:7px}.hero{text-align:center;padding:95px 28px 35px}.hero>b,.panel>b{color:#e6bf7b;letter-spacing:4px;font-size:13px}.hero h1{font:56px/1.02 Georgia;margin:30px 0}.hero em{color:var(--gold);font-weight:400}.hero p{font-size:21px;line-height:1.5}.choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:15px 26px 35px}.choices button{border:0;border-radius:26px;background:var(--cream);color:#153638;min-height:145px;font-size:34px;padding:18px}.choices strong{display:block;font-size:17px;margin-top:16px}.choices .sel{outline:4px solid var(--gold)}.panel{margin:18px 22px;padding:28px 22px;border-radius:26px;background:#ffffff12;border:1px solid #ffffff20}.panel h2{font:32px Georgia}.panel p{line-height:1.55}.panel article{background:var(--cream);color:#153638;border-radius:18px;padding:17px;margin:10px 0}.panel article h3{margin:0;font:22px Georgia}.gold,.outline{width:100%;padding:15px;border-radius:15px;font-weight:bold;font-size:16px}.gold{background:var(--gold);border:0;color:#153638}.outline{background:transparent;border:1px solid #ffffff88;color:white}input{width:100%;accent-color:var(--gold);margin:10px 0 22px}textarea{width:100%;min-height:100px;border:0;border-radius:14px;padding:12px;margin:12px 0}.panel a{color:#f0c879}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:90px;background:#053437;display:grid;grid-template-columns:repeat(5,1fr);z-index:10}nav button{background:none;border:0;color:white;font-size:24px}nav small{display:block;font-size:10px;margin-top:5px}.res{color:var(--gold)!important}.res:first-line{background:var(--gold)}@media(max-width:520px){header{padding:24px 20px}.brand{font-size:23px}.sub{font-size:9px}.hero{padding-top:70px}.hero h1{font-size:44px}.hero p{font-size:18px}.choices{padding-left:16px;padding-right:16px}.choices button{min-height:130px}.panel{margin:14px}}