:root {--night:#041225;--navy:#071b3a;--blue:#0b4f9d;--cyan:#21c4dc;--gold:#b88418;--gold2:#d99a22;--white:#ffffff;--ice:#edf7ff;--text:#12233c;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Manrope',Arial,sans-serif;color:#f8fbff;background:radial-gradient(circle at 8% 0%, rgba(33,196,220,.16), transparent 24%),radial-gradient(circle at 88% 7%, rgba(215,167,71,.14), transparent 26%),linear-gradient(180deg,#020b18 0%,#06152f 42%,#071b3a 100%);} a{text-decoration:none}
.header{position:sticky;top:0;z-index:20;background:rgba(2,11,24,.88);backdrop-filter:blur(18px);}
.header-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:28px;padding:10px 22px;min-height:86px;}
.logo{display:flex;align-items:center;flex:0 0 auto} .logo img{max-height:68px;width:auto;display:block}
.nav{display:flex;align-items:center;justify-content:flex-start;gap:28px;flex:1 1 auto;white-space:nowrap;font-size:15px;font-weight:900;}
.nav a{color:#f8fbff;font-weight:800} .nav a:hover,.nav a.active{color:var(--cyan)}
.hero{max-width:1180px;margin:28px auto 0;padding:0 22px;} .hero-box{border-radius:34px;overflow:hidden;background:radial-gradient(circle at 82% 18%, rgba(33,196,220,.32), transparent 24%),radial-gradient(circle at 35% 96%, rgba(215,167,71,.18), transparent 30%),linear-gradient(135deg,#020b18 0%,#061b3f 58%,#082f67 100%);box-shadow:0 34px 90px rgba(0,0,0,.38);border:1px solid rgba(215,167,71,.22);position:relative;}
.hero-content{position:relative;z-index:1;max-width:850px;padding:56px 54px;color:white;} .badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;border:1px solid rgba(255,227,154,.38);background:rgba(255,255,255,.10);font-size:13px;font-weight:900;} .badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 16px rgba(255,227,154,.9);}
h1{margin:18px 0 16px;font-family:'Playfair Display',Georgia,serif;font-size:48px;line-height:1.04;letter-spacing:-.7px;font-weight:700;} h1 span{color:#d99a22;font-style:italic} .hero-content p{margin:0;font-size:17px;line-height:1.65;color:rgba(255,255,255,.88);}
.faq-wrap{max-width:1180px;margin:auto;padding:34px 22px;} .faq-intro{max-width:900px;margin:0 auto 22px;text-align:center;color:rgba(255,255,255,.82);line-height:1.6;}
.faq-section{margin:28px auto;padding:26px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(217,154,34,.36);box-shadow:0 24px 60px rgba(0,0,0,.26);}
.faq-section h2{margin:0 0 18px;font-family:'Playfair Display',Georgia,serif;font-size:30px;color:#d99a22;}
.faq-item{border:1px solid rgba(217,154,34,.28);border-radius:18px;margin:10px 0;background:rgba(4,18,37,.50);overflow:hidden;} .faq-item summary{cursor:pointer;padding:16px 18px;font-weight:850;color:#fff;line-height:1.35;} .faq-item summary:hover{color:#ffe39a} .faq-answer{padding:0 18px 18px;color:rgba(255,255,255,.82);line-height:1.65;} .faq-answer p{margin:0 0 10px;} .source-link{color:#d99a22;font-weight:800;font-size:13px;}
footer{margin-top:28px;background:#041225;color:white;} .footer-inner{max-width:1180px;margin:auto;padding:34px 22px;font-size:14px;line-height:1.65;} .footer-links{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 18px} .footer-links a{color:#d99a22;font-weight:800}
@media(max-width:920px){.header-inner{align-items:flex-start;flex-direction:column;gap:12px}.nav{gap:15px;flex-wrap:wrap}.hero-content{padding:42px 30px}h1{font-size:34px}}
@media(max-width:560px){.logo img{max-height:58px}}