@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Open+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#081521;--blue:#183a53;--gold:#d5ad59;--paper:#f5f1e8;--ink:#172536;--muted:#66717a;--line:#d7c7a5;--shadow:0 16px 38px #07111b24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 'Open Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit}header{background:#081521f5;color:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #a87935;box-shadow:0 5px 20px #0004}.bar{max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;gap:24px}.logo{font-family:'Cinzel',Georgia,serif;font-weight:800;letter-spacing:1.5px;text-decoration:none;font-size:21px;line-height:1.15;color:#fff}.logo:before{content:'✥';color:var(--gold);margin-right:9px}.logo small{display:block;color:var(--gold);font-size:11px;letter-spacing:3px;margin-left:28px}nav{display:flex;gap:21px;flex-wrap:wrap}nav a{text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}nav a:hover,nav a[aria-current=page]{color:var(--gold)}.wrap{max-width:1160px;margin:auto}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:540px;padding:88px 24px 78px;color:white;background:#081521 url('../images/hero-sea.svg') center 43%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07131df2 0%,#0a1925d9 36%,#0a192575 68%,#0a192540 100%)}.hero .wrap{max-width:1160px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2.2px;text-transform:uppercase;font-weight:800}.hero h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(42px,6.8vw,82px);line-height:1.02;letter-spacing:1px;margin:15px 0 12px;text-shadow:0 3px 20px #0008}.hero h1 span{display:block;color:var(--gold);font-size:.57em;letter-spacing:3px;margin-top:14px}.hero h2{font-size:clamp(20px,2.3vw,28px);font-weight:600;margin:22px 0 8px}.hero p{font-size:18px;color:#e1e7ef;max-width:570px}.btn{display:inline-block;border:1px solid var(--gold);border-radius:4px;background:linear-gradient(#e7c574,#c8993f);color:#101b2b;padding:12px 20px;text-decoration:none;font-weight:800;margin:10px 10px 0 0;cursor:pointer;font:700 13px 'Open Sans',sans-serif;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 5px 15px #0002}.btn.secondary{background:#071521b8;color:white}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}section{padding:62px 24px}.section-title{text-align:center;margin:0 0 32px;font:700 clamp(26px,3vw,36px) 'Cinzel',Georgia,serif}.section-title:before,.section-title:after{content:' ✦ ';color:var(--gold);font-size:.7em}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{overflow:hidden;background:#fffdf8;border:1px solid #d8c7a6;border-radius:8px;box-shadow:var(--shadow);padding:0 22px 22px;position:relative}.card h3{font:700 19px 'Cinzel',Georgia,serif;margin:16px 0 8px}.card p{font-size:14px;color:#53606b}.card a{color:#8b5e19;font-weight:800;text-decoration:none;font-size:13px}.card a:hover{text-decoration:underline}.card-art{height:150px;margin:0 -22px 17px;background:#183a53 center/cover no-repeat;border-bottom:3px solid var(--gold)}.art-beginner{background-image:url('../images/beginner.svg')}.art-heroes{background-image:url('../images/heroes.svg')}.art-buildings{background-image:url('../images/buildings.svg')}.art-events{background-image:url('../images/events.svg')}.alt{background:#e8e0d0;background-image:linear-gradient(135deg,#f3ead7,#e3d7bd)}.callout{background:linear-gradient(110deg,#10283a,#071521);color:white;border:1px solid #b98b42;border-radius:8px;padding:36px;box-shadow:var(--shadow);position:relative;overflow:hidden}.callout:after{content:'';position:absolute;width:160px;height:160px;right:28px;top:15px;background:url('../images/compass.svg') center/contain no-repeat;opacity:.35}.callout h2{color:var(--gold);margin-top:0;font-family:'Cinzel',Georgia,serif}.page-head{color:white;padding:60px 24px;background:#102b3c url('../images/hero-sea.svg') center 48%/cover no-repeat;position:relative;isolation:isolate}.page-head:before{content:'';position:absolute;inset:0;background:#091723c9;z-index:-1}.page-head h1{font:700 clamp(36px,5vw,54px) 'Cinzel',Georgia,serif;margin:5px 0}.page-head p{max-width:700px;color:#e4e9ed}.article{max-width:850px;margin:34px auto;background:#fffdf8;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.article h2{font:700 26px 'Cinzel',Georgia,serif}.muted{color:var(--muted)}form{max-width:760px;background:#fffdf8;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:8px;box-shadow:var(--shadow)}label{display:block;font-weight:700;margin:16px 0 5px}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #b9b5ab;border-radius:4px;background:white}textarea{min-height:150px}input[type=checkbox]{width:auto}.notice{background:#fff3d6;border-left:4px solid var(--gold);padding:12px 16px;margin:20px 0}footer{background:var(--navy);color:#d6dfeb;padding:30px 22px;font-size:13px;border-top:2px solid #987035}footer a{color:var(--gold)}.menu-toggle{display:none}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #a87935;background:#0d2030;color:white;margin-top:-1px}.feature{padding:22px 18px;text-align:center;border-right:1px solid #a8793566}.feature:last-child{border:0}.feature strong{display:block;color:var(--gold);font:700 14px 'Cinzel',Georgia,serif}.feature span{font-size:13px;color:#d7e0e7}.feature .symbol{font-size:30px;display:block;color:var(--gold);margin-bottom:6px}.content-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-list .card{padding:20px}.small-eyebrow{font-size:11px;color:#96691f;letter-spacing:1px;font-weight:800;text-transform:uppercase}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bar{align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:block;background:transparent;border:1px solid var(--gold);color:white;padding:7px 11px;cursor:pointer;border-radius:4px}nav{display:none;width:100%;flex-direction:column;gap:12px;padding:12px 0}nav.open{display:flex}.hero{padding:68px 22px;min-height:480px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid #a8793566}.content-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid,.content-list{grid-template-columns:1fr}.card-art{height:180px}.article{margin:18px 12px;padding:20px}.page-head h1{font-size:34px}.hero{padding:55px 20px}.hero p{font-size:16px}.feature-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #a8793566}.feature:last-child{border-bottom:0}.callout{padding:25px}.callout:after{opacity:.16}}

/* ===== Visual upgrade layer ===== */
.hero{min-height:620px;padding-top:110px;background-position:center 60%}
.hero:before{background:linear-gradient(90deg,#050d17f0 0%,#07131dcc 30%,#0a192540 62%,#0a192500 100%)}
.hero:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:70px;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 70' preserveAspectRatio='none'%3E%3Cpath d='M0 40Q150 0 300 35T600 35T900 35T1200 30V70H0Z' fill='%230d2030'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.rain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg stroke='%23bcd8e8' stroke-width='1.2' stroke-linecap='round' opacity='.7'%3E%3Cpath d='M20 10l-6 22M70 50l-6 22M120 20l-6 22M40 100l-6 22M100 110l-6 22M140 70l-6 22M10 140l-6 18'/%3E%3C/g%3E%3C/svg%3E");animation:rain .7s linear infinite}
@keyframes rain{to{background-position:-48px 160px}}
.flash{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#cfe3ff;opacity:0;animation:flash 7s infinite}
@keyframes flash{0%,88%,100%{opacity:0}89%{opacity:.16}90%{opacity:.02}91%{opacity:.2}95%{opacity:0}}
.hero .wrap>*{animation:rise .8s both}.hero .wrap>*:nth-child(2){animation-delay:.1s}.hero .wrap>*:nth-child(3){animation-delay:.2s}.hero .wrap>*:nth-child(4){animation-delay:.3s}.hero .wrap>*:nth-child(5){animation-delay:.4s}.hero .wrap>*:nth-child(6){animation-delay:.5s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.hero h1{background:linear-gradient(#fff,#f3dfae);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px #000a)}
.hero h1 span{background:linear-gradient(#f4d98f,#c8993f);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature{transition:.25s;position:relative}.feature:hover{background:#12304a}.feature svg{width:38px;height:38px;display:block;margin:0 auto 8px;stroke:var(--gold);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:.25s}.feature:hover svg{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 0 8px #d5ad59aa)}
.section-title{position:relative;padding-bottom:20px}.section-title:before,.section-title:after{content:none}
.section-title:after{content:'';display:block;position:absolute;left:50%;bottom:0;width:180px;height:14px;transform:translateX(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 14'%3E%3Cpath d='M0 7H70M110 7H180' stroke='%23d5ad59' stroke-width='1.5'/%3E%3Cpath d='M90 0 98 7 90 14 82 7Z' fill='%23d5ad59'/%3E%3Ccircle cx='74' cy='7' r='2.5' fill='%23d5ad59'/%3E%3Ccircle cx='106' cy='7' r='2.5' fill='%23d5ad59'/%3E%3C/svg%3E") center/contain no-repeat}
.card{transition:transform .3s,box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 44px #07111b3d;border-color:var(--gold)}
.card-art{height:170px;position:relative;overflow:hidden;transition:.5s}.card:hover .card-art{background-size:112%}
.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#081521aa)}
.card-art{background-size:100%}
.art-resources{background-image:url('../images/resources.svg')}.art-tips{background-image:url('../images/tips.svg')}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.badge{display:inline-block;margin:0 0 10px;font:700 11px 'Open Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#101b2b;background:linear-gradient(#e7c574,#c8993f);padding:3px 10px;border-radius:20px}
.badge.soon{background:#d9d2c0;color:#5a5546}
.card.soon{opacity:.92}.card.soon .card-art{filter:saturate(.6) brightness(.9)}
.tip-icon{width:62px;height:62px;border-radius:50%;margin:22px 0 4px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#1f4a68,#0d2030);border:2px solid var(--gold);box-shadow:0 6px 16px #0003}
.tip-icon svg{width:30px;height:30px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tip-num{position:absolute;right:16px;top:12px;font:800 54px 'Cinzel',serif;color:#d5ad5922;line-height:1}
.page-head{padding:78px 24px 92px;background-position:center 55%}
.page-head:before{background:linear-gradient(90deg,#050d17ee,#0a1925a0 60%,#0a192550)}
.page-head:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:44px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 44' preserveAspectRatio='none'%3E%3Cpath d='M0 26Q150 0 300 22T600 22T900 22T1200 18V44H0Z' fill='%23f5f1e8'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.page-head .eyebrow:before{content:'⚓ '}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
.callout:after{opacity:.5;animation:spin 60s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.callout{background:radial-gradient(circle at 85% 50%,#1d4a6a,transparent 45%),linear-gradient(110deg,#10283a,#071521)}
@media(max-width:900px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:520px}.hero:before{background:linear-gradient(#050d17e6,#0a1925b0)}}
@media(max-width:560px){.grid.three{grid-template-columns:1fr}.page-head{padding:56px 20px 74px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:560px){.callout:after{opacity:.14}}

/* Collage-inspired art direction: cinematic navy, gilded frames and parchment */
body{background:#07131d}main{background:var(--paper)}.hero{background-position:center 52%;min-height:590px}.hero .wrap{max-width:1160px}.hero h1{max-width:720px}.feature-grid{border-top:2px solid var(--gold);box-shadow:0 10px 24px #0005}.feature{background:linear-gradient(145deg,#10283a,#07131d);padding:25px 12px}.feature strong{letter-spacing:.6px}.card{border:1px solid #c7a05a;border-radius:5px}.card-art{height:190px}.page-head{border-bottom:3px solid var(--gold)}.alt{background-color:#f1e5ce;background-image:radial-gradient(#9e7e4722 1px,transparent 1px),linear-gradient(130deg,#f7edd9,#dfcfac);background-size:18px 18px,auto}.section-title{letter-spacing:1px}.callout{border:2px solid #c59b50}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.turnstile-container{margin:18px 0}#form-status{font-weight:700;min-height:1.5em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b78123;outline-offset:3px}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.hero{min-height:510px}}