/* Bubble Doge Community — warm, simple, community-first theme */
:root {
  --color-primary: #d99a22;
  --color-primary-dark: #8a5a0a;
  --color-primary-light: #fff3d5;
  --color-secondary: #1d2731;
  --color-bg: #fffdf9;
  --color-bg-soft: #f7f4ed;
  --color-bg-card: #ffffff;
  --color-text: #1f2933;
  --color-text-muted: #667085;
  --color-border: #e8e1d4;
  --color-border-light: #f2ede4;
  --shadow: 0 12px 30px rgba(73, 55, 23, .08);
  --shadow-lg: 0 22px 60px rgba(73, 55, 23, .13);
  --radius: 14px;
  --radius-lg: 22px;
  --radius-xl: 30px;
}
body { background: var(--color-bg); color: var(--color-text); }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.48; background:radial-gradient(circle at 92% 8%, rgba(255,223,145,.22), transparent 26rem),radial-gradient(circle at 5% 62%, rgba(197,226,235,.18), transparent 25rem); z-index:-1; }
a { text-underline-offset: 3px; }
.container { max-width: 1180px; }
.site-header { background:rgba(255,253,249,.9); border-bottom:1px solid rgba(232,225,212,.78); backdrop-filter:blur(14px); }
.header-inner { min-height:76px; }
.site-logo { gap:10px; }
.logo-img { width:38px; height:38px; border:2px solid #fff; box-shadow:0 4px 12px rgba(106,77,27,.18); }
.logo-text { font-family:var(--font-display); letter-spacing:-.45px; color:var(--color-secondary); font-size:17px; }
.logo-text strong { color:var(--color-primary); font-weight:700; }
.primary-nav ul { gap:4px; }
.primary-nav a { border-radius:999px; padding:9px 13px; font-weight:600; color:#59636e; }
.primary-nav a:hover,.primary-nav a.active { background:var(--color-primary-light); color:var(--color-primary-dark); }
.btn { border-radius:999px; font-weight:700; letter-spacing:.01em; }
.btn-primary { background:#e1a32b; box-shadow:0 8px 16px rgba(211,150,34,.22); }
.btn-primary:hover { background:#c98917; transform:translateY(-1px); }
.btn-ghost { border-color:var(--color-border); }
.btn-outline { border-radius:999px; }
.hero { padding:76px 0 62px; position:relative; overflow:hidden; background:linear-gradient(118deg,#fffdf9 0%,#fff8e9 55%,#f2fafc 100%); border-bottom:1px solid var(--color-border-light); }
.hero:after { content:""; position:absolute; width:570px; height:570px; right:-250px; top:-290px; border:1px solid rgba(217,154,34,.18); border-radius:50%; box-shadow:0 0 0 48px rgba(217,154,34,.045),0 0 0 96px rgba(48,148,182,.035); }
.hero-inner { position:relative; z-index:1; }
.hero-title { font-size:clamp(2.8rem,5.1vw,4.9rem); line-height:.99; letter-spacing:-.075em; max-width:760px; color:#1f2933; }
.hero-title .highlight { color:var(--color-primary); }
.hero-desc { max-width:590px; font-size:18px; line-height:1.78; color:var(--color-text-muted); }
.hero-eyebrow,.eyebrow { background:var(--color-primary-light); color:var(--color-primary-dark); border:1px solid rgba(217,154,34,.18); }
.hero-visual > div { background:radial-gradient(circle at 35% 30%,#fff 0%,#fff4d8 46%,#f6e4b8 100%) !important; border:1px solid rgba(217,154,34,.18); box-shadow:0 26px 58px rgba(110,74,9,.15) !important; }
.hero-stats { gap:0; border-top:1px solid rgba(217,154,34,.16); padding-top:22px; margin-top:30px; }
.hero-stats > div { padding-right:28px; margin-right:28px; border-right:1px solid rgba(217,154,34,.18); }
.hero-stats > div:last-child { border:0; }
.hero-stat-num { color:var(--color-secondary); font-family:var(--font-display); }
.section-header { margin-bottom:36px; }
.section-header h2 { font-size:clamp(1.8rem,3vw,2.65rem); letter-spacing:-.04em; color:var(--color-secondary); }
.reward-card,.card { border-color:var(--color-border-light); box-shadow:none; border-radius:var(--radius-lg); }
.reward-card:hover,.card:hover { box-shadow:var(--shadow); transform:translateY(-4px); border-color:#ead6a6; }
.reward-card-img-placeholder { background:linear-gradient(145deg,#fff7e7,#f4fbfd); }
.card-meta { color:var(--color-text-muted); }
.community-band { padding:30px 0 0; }
.community-path { background:var(--color-secondary); color:#fff; border-radius:var(--radius-xl); padding:42px; display:grid; grid-template-columns:1.15fr 1fr; gap:40px; overflow:hidden; position:relative; }
.community-path:after { content:""; position:absolute; width:440px;height:440px;border:1px solid rgba(255,255,255,.16); border-radius:50%; right:-150px; top:-210px; }
.community-path h2 { color:#fff; margin:0 0 10px; font-size:clamp(1.8rem,3vw,2.55rem); }
.community-path p { color:#d9e0e5; max-width:560px; }
.community-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; position:relative; z-index:1; align-items:end; }
.community-step { border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.06); padding:18px 16px; min-height:136px; }
.community-step b { display:block; color:#f8c75c; font-size:12px; letter-spacing:.12em; margin-bottom:10px; }
.community-step span { display:block; font-weight:700; line-height:1.35; }
.academy-preview { padding:76px 0; }
.academy-preview-grid { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:58px; }
.academy-copy h2 { font-size:clamp(2rem,3.5vw,3.1rem); letter-spacing:-.055em; color:var(--color-secondary); }
.academy-copy p { font-size:17px; line-height:1.75; color:var(--color-text-muted); max-width:560px; }
.academy-benefits { display:grid; gap:13px; margin:24px 0 28px; }
.academy-benefit { display:flex; gap:13px; align-items:flex-start; }
.academy-benefit-icon { flex:0 0 34px; width:34px;height:34px;display:grid;place-items:center;background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:50%;font-weight:800; }
.academy-benefit b { display:block; margin-bottom:3px; }
.academy-benefit span { font-size:14px;color:var(--color-text-muted); }
.academy-art { min-height:380px; display:flex;align-items:center;justify-content:center; position:relative; background:linear-gradient(145deg,#fff7e7,#eef9fc); border:1px solid #ecdfc5; border-radius:30px; overflow:hidden; }
.academy-art:before,.academy-art:after { content:"";position:absolute;border-radius:50%;border:1px solid rgba(217,154,34,.22); }
.academy-art:before{width:310px;height:310px;top:-90px;right:-80px}.academy-art:after{width:240px;height:240px;bottom:-110px;left:-55px}
.academy-ornament { position:relative;z-index:1;width:250px;height:285px;border-radius:26px;background:#fff;box-shadow:0 28px 60px rgba(82,62,19,.14);padding:24px; transform:rotate(3deg); }
.academy-ornament-top { display:flex;align-items:center;gap:9px;color:var(--color-primary-dark);font-weight:800;font-size:13px; }
.academy-ornament-top i { width:10px;height:10px;border-radius:50%;background:#e1a32b;display:block; }
.academy-ornament h3 { font-size:25px;letter-spacing:-.04em;line-height:1.08;margin:27px 0 14px;color:var(--color-secondary); }
.academy-ornament .mini-line { height:8px;background:#eee7da;border-radius:9px;margin:9px 0; }.academy-ornament .mini-line.short{width:65%}.academy-ornament .mini-line.gold{width:80%;background:#f2d28b;}
.academy-page { padding:64px 0 80px; min-height:calc(100vh - 76px); }
.academy-hero { padding:34px 0 42px; background:linear-gradient(120deg,#fff5dc,#f2fbfc); border-bottom:1px solid var(--color-border-light); }
.academy-hero h1 { font-size:clamp(2.2rem,4.4vw,4rem);letter-spacing:-.065em;color:var(--color-secondary);margin:0 0 12px; }.academy-hero p{max-width:680px;color:var(--color-text-muted);font-size:17px;line-height:1.7;margin:0;}
.course-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px; }
.course-card { display:flex;flex-direction:column;min-height:100%;background:#fff;border:1px solid var(--color-border-light);border-radius:20px;overflow:hidden;transition:.25s ease; }.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ead6a6}.course-cover{height:165px;background:linear-gradient(135deg,#f8d983,#fff3d6 52%,#dff2f6);display:flex;align-items:center;justify-content:center;font-size:52px;}.course-card-body{padding:22px;flex:1}.course-level{color:var(--color-primary-dark);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.course-card h3{font-size:20px;margin:10px 0 9px;line-height:1.25;color:var(--color-secondary)}.course-card p{color:var(--color-text-muted);font-size:14px;line-height:1.65;margin:0}.course-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid var(--color-border-light)}.course-price{font-weight:800;color:var(--color-secondary);font-size:18px;}
.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px}.course-content{background:#fff;border:1px solid var(--color-border-light);border-radius:22px;padding:34px}.course-side{position:sticky;top:96px;height:max-content;background:#fff;border:1px solid var(--color-border-light);padding:24px;border-radius:22px;box-shadow:var(--shadow)}.lesson-list{display:grid;gap:8px;margin-top:22px}.lesson-item{border:1px solid var(--color-border-light);padding:14px 16px;border-radius:12px;display:flex;gap:11px;align-items:center}.lesson-item .lesson-index{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--color-bg-soft);font-size:12px;font-weight:800;color:var(--color-primary-dark)}.lesson-item.is-preview{border-color:#eed79c;background:#fffdf6}.lesson-module-title{margin:26px 0 10px;color:var(--color-secondary)}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px}.payment-panel{background:#fff;border:1px solid var(--color-border-light);border-radius:22px;padding:28px}.network-options{display:grid;gap:10px;margin-top:14px}.network-option{display:flex;align-items:center;gap:12px;border:1px solid var(--color-border);padding:15px;border-radius:14px;cursor:pointer}.network-option:hover{border-color:var(--color-primary)}.network-option input{accent-color:var(--color-primary)}.payment-address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:var(--color-bg-soft);border-radius:12px;padding:13px;font-size:13px;color:#344054}.payment-amount{font-size:34px;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;color:var(--color-secondary)}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.status-awaiting_payment{background:#fff3d5;color:#895c07}.status-confirming{background:#e7f5f9;color:#17677d}.status-paid{background:#e9f8ef;color:#13733b}.status-expired,.status-cancelled{background:#f4f4f5;color:#60646c}.status-manual_review{background:#fff0eb;color:#b54708}
.footer-community{background:#1d2731;color:#d9e0e5}.footer-community a{color:#fff}.footer-community .footer-logo-text{color:#fff}.footer-community .footer-logo-text strong{color:#f2c55b}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr !important;gap:30px !important}.hero-visual{display:none !important}.academy-preview-grid,.community-path,.course-layout,.payment-layout{grid-template-columns:1fr}.academy-art{min-height:275px}.course-grid{grid-template-columns:repeat(2,1fr)}.course-side{position:static}.community-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.hero{padding:54px 0 46px}.hero-title{font-size:3rem}.hero-desc{font-size:16px}.hero-stats>div{padding-right:12px;margin-right:12px}.hero-stat-num{font-size:25px}.community-path{padding:27px 22px}.community-steps{grid-template-columns:1fr}.community-step{min-height:auto}.academy-preview{padding:56px 0}.course-grid{grid-template-columns:1fr}.academy-page{padding:40px 0 60px}.course-content,.payment-panel{padding:21px}.header-inner{min-height:68px}.logo-text{font-size:15px}}