/* CREate Wealth U visual refresh — preserves site functionality and original palette */
:root{--accent-bright:#f1c778}
body{background:#09131f}
.header{background:rgba(8,17,28,.95);backdrop-filter:blur(14px);box-shadow:0 12px 35px #0003}
.header nav a{transition:color .2s ease,transform .2s ease}.header nav a:hover{color:var(--accent-bright)}
.hero{min-height:650px;background:radial-gradient(circle at 85% 20%,#1d3c58 0,transparent 45%),#0a1522}
.hero-copy{position:relative;z-index:1;background:linear-gradient(125deg,#0c1828,#101d2c 80%)}
.hero-copy:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#c79b51,transparent)}
.hero h1{letter-spacing:-.045em;text-wrap:balance}.hero-copy>p{max-width:520px}
.hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:650px;overflow:visible;background:radial-gradient(ellipse at center,#27415a 0,#142639 46%,#0b1725 82%);padding:40px 4% 54px;isolation:isolate}
.hero-visual:before{content:'';position:absolute;inset:22px;border:1px solid #d4aa633d;pointer-events:none}
.hero-visual:after{background:linear-gradient(90deg,#0b1725 0%,transparent 9%,transparent 91%,#0b1725 100%);z-index:-1}
.hero-logo-frame{width:100%;max-width:780px;padding:30px 6px;display:flex;justify-content:center;align-items:center}
.hero-visual .hero-logo-frame img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;object-position:center;filter:drop-shadow(0 15px 25px #0009) saturate(1.12);clip-path:none}
.hero-visual-caption{font-size:10px;color:#e8c98c;letter-spacing:.22em;text-align:center;line-height:1.8;padding:0 20px}
.quick-access{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #42536a;background:#101f30}
.quick-tile{padding:27px 28px 28px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#fff;border-right:1px solid #3a4c5e;transition:background .2s,transform .2s}
.quick-tile:hover{background:#1c344b;transform:translateY(-2px)}.quick-index{font-size:12px;color:#e7bd73;letter-spacing:.12em}.quick-tile strong{font-size:13px;letter-spacing:.06em}.quick-tile small{font-size:12px;color:#afbdc9}
.section{position:relative}.section-head h2 em,.hero h1 em{color:#f0c676}
.three article,.course,.learning-card,.tiers article{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.three article:hover,.course:hover,.learning-card:hover,.tiers article:hover{transform:translateY(-4px);border-color:#b98e51;box-shadow:0 16px 42px #0005}
.course-art{height:195px}.art-one{background:linear-gradient(145deg,#3c6072bb,#0e2238),repeating-linear-gradient(90deg,transparent 0 27px,#f6cf8b2b 28px 29px)}
.art-two{background:radial-gradient(circle at 70% 25%,#b9914b55,transparent 50%),linear-gradient(125deg,#1a364c,#101924)}
.art-three{background:radial-gradient(circle at 35% 40%,#e3af5e33,transparent 45%),linear-gradient(130deg,#1d3d4b,#111e2c)}
.learning-section{background:linear-gradient(135deg,#11243a,#0a1725)!important;border-top:1px solid #d5a75655;border-bottom:1px solid #d5a75655}
.learning-card{background:linear-gradient(150deg,#192f43,#111e2b);border-radius:9px;box-shadow:0 10px 35px #0003}
.btn.primary,.navbutton{box-shadow:0 8px 24px #b68b3540}.btn{transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.calculator{box-shadow:0 20px 70px #0004}.calc-results{background:linear-gradient(145deg,#1c3444,#142431)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #f1c778;outline-offset:3px}
@media(max-width:1100px){.hero-visual{min-height:550px}.quick-tile{padding:22px 16px}}
@media(max-width:800px){.hero{min-height:0}.hero-visual{height:auto;min-height:370px;padding:28px 5% 40px}.hero-logo-frame{padding:20px 4px}.hero-visual .hero-logo-frame img{max-height:260px}.quick-access{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-tile:nth-child(2){border-right:0}.quick-tile{border-bottom:1px solid #3a4c5e}}
@media(max-width:500px){.hero-visual{height:auto;min-height:285px;padding:20px 4% 32px}.hero-visual:before{inset:10px}.hero-visual .hero-logo-frame img{max-height:190px}.hero-visual-caption{font-size:8px;letter-spacing:.1em}.quick-tile{padding:20px 14px}.quick-tile strong{font-size:11px}.quick-tile small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.quick-tile,.btn,.course,.learning-card,.three article,.tiers article{transition:none!important}}