/* Questora public site · dark navy + gold/blue product identity.
   Public discovery pages only. Does not style the authenticated Mini App. */
:root{color-scheme:dark;--q-bg:#060c17;--q-bg2:#0b1525;--q-panel:#101d31;--q-panel2:#14233a;--q-line:#283b56;--q-muted:#a9bdd4;--q-text:#f2f6ff;--q-blue:#48aaf8;--q-gold:#f5c766}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(ellipse 100% 700px at 70% -230px,#173d67 0%,transparent 67%),radial-gradient(ellipse 70% 580px at 0 50%,#0d2540 0%,transparent 75%),var(--q-bg);color:var(--q-text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body::before{content:"";position:absolute;top:100px;left:0;right:0;height:630px;pointer-events:none;background-image:linear-gradient(#2845661c 1px,transparent 1px),linear-gradient(90deg,#2845661c 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,#000 20%,transparent 93%);z-index:-1}
a{color:#9ccfff;text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s}
a:hover{color:#fff}
a:focus-visible,summary:focus-visible{outline:2px solid var(--q-gold);outline-offset:4px}
header,main,footer{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}
header{position:relative;padding-top:26px;padding-bottom:14px}
nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
nav .brand,.questora-guide nav a:first-child,.questora-advertise .logo{display:inline-flex;align-items:center;gap:11px;flex:none;color:var(--q-text);font-size:21px;font-weight:900;letter-spacing:.085em;text-decoration:none}
.brand-icon{width:40px;height:40px;border-radius:50%;filter:drop-shadow(0 4px 12px #f2ac4628)}
nav .brand em{font-size:9px;font-style:normal;letter-spacing:.18em;color:var(--q-muted);display:block;font-weight:700;margin-top:-5px}
nav .links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px 16px}
nav .links a,nav>a:not(:first-child){font-size:13px;font-weight:690;color:#c9d7e9}
nav .links a:hover,nav>a:not(:first-child):hover{color:#fff}
.nav-launch{background:#122b44;padding:9px 14px;border-radius:100px;border:1px solid #355579!important;color:#f7fbff!important}
main{padding-top:18px;padding-bottom:70px}
h1,h2,h3{font-weight:850;letter-spacing:-.035em}
h1{font-size:clamp(36px,4.9vw,64px);line-height:1.09;margin:16px 0 18px;text-wrap:balance;max-width:740px}
h2{font-size:clamp(25px,2.8vw,34px);line-height:1.2;margin:48px 0 18px;text-wrap:balance}
h3{font-size:20px;line-height:1.28;margin:0 0 12px;letter-spacing:-.02em}
p{color:var(--q-muted);margin:8px 0 16px}
.hero{position:relative;overflow:hidden;border:1px solid #39536f;border-radius:30px;padding:clamp(26px,4.7vw,55px);background:radial-gradient(circle at 87% 8%,#1c4b75 0%,transparent 47%),linear-gradient(135deg,#14283f 0%,#0b182b 75%);box-shadow:0 24px 90px #0005,inset 0 1px #b0ccfa14}
.questora-home .hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:center;gap:32px;min-height:480px}
.hero:before{content:"";position:absolute;top:-50%;right:-210px;width:460px;height:460px;border-radius:50%;border:1px solid #91cfff15;box-shadow:0 0 0 65px #75bdff06,0 0 0 130px #75bdff05;pointer-events:none}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#8edbff;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--q-gold);box-shadow:0 0 0 4px #f5c76621}
.hero p{font-size:17px;max-width:590px;line-height:1.72;color:#c2d3e7}
.actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:26px}
.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;min-height:49px;background:linear-gradient(115deg,#2796ee,#1464bd);border:1px solid #53b4ff78;color:#fff!important;text-decoration:none;font-weight:850;font-size:14px;box-shadow:0 9px 24px #0c60bc28;transition:transform .17s,background .17s,box-shadow .17s}
.btn:hover,.button:hover{transform:translateY(-2px);box-shadow:0 13px 28px #0c60bc55}
.btn.secondary,.button.secondary{background:#12263c;border:1px solid #35516c;color:#d9eaff!important;box-shadow:none}
.btn.secondary:hover{background:#1b3854}
.btn.gold{background:linear-gradient(120deg,#f8d681,#e5a947);border-color:#f8d681;color:#0a1a2d!important;box-shadow:0 10px 30px #d5a34726}
.hero-hint{display:flex;align-items:center;gap:8px;margin-top:18px;color:#a5b9d1;font-size:12px}
.hero-hint b{color:#f1d28c;font-weight:800}
.showcase{position:relative;z-index:1;padding:16px;border:1px solid #496a8b;border-radius:24px;background:linear-gradient(150deg,#1b3451,#0b172a 62%,#0a1221);box-shadow:0 28px 68px #0008,inset 0 1px #aacbf522;transform:rotate(1.1deg);max-width:420px;margin:0 auto;width:100%}
.showcase:after{content:"";position:absolute;z-index:-1;inset:30px -30px -28px 30px;border-radius:28px;background:#2777b026;filter:blur(32px)}
.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 3px 14px}
.screen-brand{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em;font-weight:900}
.screen-brand img{width:32px;height:32px;border-radius:50%}
.screen-status{font-size:9px;font-weight:850;color:#a5d8fd;padding:5px 8px;border:1px solid #46617d;border-radius:30px}
.showcase-banner{padding:20px;background:radial-gradient(circle at 100% 0%,#326bab85,transparent 65%),linear-gradient(125deg,#142c49,#0b1c30);border:1px solid #365774;border-radius:17px}
.showcase-tag{color:var(--q-gold);font-size:10px;font-weight:900;letter-spacing:.18em}
.showcase-banner strong{display:block;color:#fff;font-size:clamp(21px,2.4vw,29px);line-height:1.2;margin:10px 0 8px;letter-spacing:-.04em}
.showcase-banner p{font-size:11px;color:#aec4da;margin:0;line-height:1.5}
.showcase-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.mini-feature{min-height:116px;padding:14px;border-radius:15px;background:#11253b;border:1px solid #304a68}
.mini-feature .feature-symbol{display:block;font-size:25px;margin-bottom:12px}
.mini-feature b{display:block;font-size:13px;color:#f8faff}
.mini-feature small{display:block;font-size:11px;color:#92abc4;margin-top:2px}
.showcase-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 4px 2px;gap:12px;font-size:10px;font-weight:850;letter-spacing:.1em;color:#8faac7}
.showcase-footer span:last-child{color:var(--q-gold)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card,.pkg{min-width:0;padding:23px;border-radius:20px;background:linear-gradient(150deg,#13243a,#0b1829);border:1px solid #304562;box-shadow:inset 0 1px #ffffff08;transition:border-color .15s,transform .15s}
.card:hover{border-color:#457ca7;transform:translateY(-2px)}
.card p{font-size:14px;line-height:1.7;margin:0}
.card a{display:inline-block;margin-top:14px;font-weight:800;color:#9dceff}
.promo{position:relative;margin-top:24px;padding:28px 32px;border-radius:23px;border:1px solid #325675;background:linear-gradient(115deg,#132840,#0d1d31 75%);overflow:hidden}
.promo:after{content:"";position:absolute;right:-60px;top:-70px;width:220px;height:220px;background:#3279bd18;border-radius:50%;pointer-events:none}
.promo h2{font-size:24px;margin:0 0 13px}
.promo p{max-width:820px}
.promo .btn{margin-top:8px}
.questora-home .promo:nth-of-type(3){background:linear-gradient(115deg,#202737,#0e1b2c);border-color:#5a563f}
.questora-home section>p>a{font-weight:700}
details{padding:17px 15px;margin:0 0 8px;background:#101e31;border:1px solid #2e4360;border-radius:13px}
summary{font-size:15px;font-weight:800;cursor:pointer;color:#ecf4ff}
details p{font-size:14px;margin:12px 0 0}
.notice,.note{border-left:3px solid var(--q-gold);padding:17px 20px;background:#272417;border-radius:10px;color:#d2c4a8;margin-top:26px;font-size:13px}
footer{padding-top:26px;padding-bottom:40px;border-top:1px solid #283b54;color:#8da6c0;font-size:13px}
footer p{font-size:13px}
footer a{color:#a9cced}
/* Guide pages: same design system, readable long-form SEO content */
.questora-guide header,.questora-guide main,.questora-guide footer{max-width:1000px}
.questora-guide nav{justify-content:flex-start;flex-wrap:wrap;gap:11px 22px}
.questora-guide nav a:first-child{margin-right:auto}
.questora-guide .hero{margin:22px 0 34px;padding:clamp(28px,5vw,52px)}
.questora-guide .hero>div:first-child{color:#8edbff;font-weight:850;font-size:11px;letter-spacing:.15em}
.questora-guide .hero p{max-width:740px}
.questora-guide article section{padding:4px 0}
.questora-guide article section p,.questora-guide article>p{line-height:1.78}
.questora-guide .button{margin:14px 0}
.questora-guide h2{margin:36px 0 15px}
.questora-guide .table-scroll{overflow-x:auto;border:1px solid #36506c;border-radius:17px;margin:20px 0}
.questora-guide table{border-collapse:collapse;width:100%;min-width:570px;font-size:14px}
.questora-guide th,.questora-guide td{padding:13px;text-align:left;border-bottom:1px solid #2e4663}
.questora-guide th{background:#19344f;color:#f8fbff}
.questora-guide td{color:#cbd9e9}
.questora-guide tr:last-child td{border-bottom:0}
/* Advertiser route shares product identity without touching package logic */
.questora-advertise .wrap{max-width:1100px;margin:0 auto;padding:30px 24px 75px}
.questora-advertise nav{margin-bottom:25px}
.questora-advertise .hero{margin:24px 0 26px}
.questora-advertise .hero small{color:#8edbff;font-weight:900;letter-spacing:.1em}
.questora-advertise .hero p{max-width:740px}
.questora-advertise .grid{gap:14px}
.questora-advertise .card h2{font-size:20px;margin:2px 0 9px}
.questora-advertise .pkg strong{float:right;color:var(--q-gold)}
.questora-advertise .pkg small{display:block;color:#a8bbd0}
.questora-advertise .warn{border-left:3px solid var(--q-gold)}
@media(max-width:920px){
 header,main,footer{padding-left:18px;padding-right:18px}
 nav{align-items:flex-start;gap:14px}
 nav .links{gap:8px 13px}
 .questora-home .hero{grid-template-columns:1fr;gap:30px}
 .showcase{max-width:540px;transform:none}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 body{font-size:15px}
 header{padding-top:16px;padding-bottom:5px}
 nav{align-items:center}
 nav .brand{font-size:17px}
 .brand-icon{width:34px;height:34px}
 nav .links{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;padding:4px 0 8px;scrollbar-width:none}
 nav .links::-webkit-scrollbar{display:none}
 .questora-home nav{flex-wrap:wrap;gap:8px}
 .hero{border-radius:22px;padding:25px 21px}
 .questora-home .hero{min-height:0}
 h1{font-size:clamp(35px,10vw,48px)}
 .hero p{font-size:15px}
 .actions{gap:9px}
 .actions .btn{flex:1 1 100%;min-height:48px}
 .showcase{padding:11px;border-radius:19px}
 .showcase-banner{padding:16px}
 .mini-feature{padding:12px}
 .grid{grid-template-columns:1fr}
 .card,.promo{padding:20px}
 h2{margin-top:34px}
 .questora-guide nav{justify-content:flex-start;gap:8px 13px}
 .questora-guide nav a:first-child{width:100%}
 .questora-advertise .wrap{padding:20px 18px 60px}
 .questora-advertise nav{align-items:center;flex-wrap:wrap}
 .questora-advertise .btn{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Visible locale navigation for all six indexed language versions. */
.language-switcher{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #335373;border-radius:99px;background:#10243a;white-space:nowrap}
.language-switcher a{font-size:11px!important;line-height:1.2;font-weight:850!important;color:#abc5df!important;border-radius:99px;padding:6px 7px;text-decoration:none}
.language-switcher a:hover,.language-switcher a[aria-current="page"]{color:#0a1b30!important;background:#f5c766}
.questora-guide nav .language-switcher{margin-left:auto}
.questora-advertise nav .language-switcher{margin-left:auto}
footer .language-switcher{margin-left:8px;vertical-align:middle}
@media(max-width:600px){.language-switcher{flex:none}.questora-advertise nav .language-switcher{order:3;width:auto;overflow-x:auto}.questora-guide nav .language-switcher{margin-left:0}}

/* Compact accessible locale menu: 11 languages without overflowing the nav. */
header{z-index:12}
.language-menu{position:relative;display:inline-block;flex:none;border:0;margin:0;padding:0;background:none}
.language-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:78px;min-height:37px;border:1px solid #3c5875;border-radius:999px;padding:7px 13px;background:#142c46;color:#f6d47f;font-size:12px;font-weight:900;letter-spacing:.035em}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu>summary:hover{background:#1a3a59;border-color:#6392b9}
.language-options{position:absolute;top:calc(100% + 8px);right:0;z-index:120;width:min(228px,85vw);max-height:330px;overflow-y:auto;background:#0c1b2d;border:1px solid #395773;border-radius:15px;box-shadow:0 18px 40px #000a;padding:7px;display:grid;grid-template-columns:1fr;gap:2px}
.language-options a{display:block;padding:8px 12px;border-radius:8px;font-size:13px!important;font-weight:700!important;color:#d7e9fc!important;line-height:1.25}
.language-options a:hover,.language-options a[aria-current="page"]{background:#1b3957;color:#f6d47f!important}
.language-menu:not([open]) .language-options{display:none}
@media(max-width:600px){nav .links{flex-wrap:wrap!important;overflow:visible!important}.language-menu{margin-left:auto}.questora-guide nav .language-menu{margin-left:0}.questora-advertise nav .language-menu{margin-left:auto}}