:root{
  --ow-navy:#061B3D;--ow-navy-2:#082B78;--ow-gold:#F5A623;--ow-gold-2:#D99016;
  --ow-bg:#F8FAFC;--ow-surface:#FFFFFF;--ow-surface-soft:#F1F5F9;
  --ow-text:#172033;--ow-muted:#5B677A;--ow-border:rgba(6,27,61,.12);
  --ow-shadow:0 20px 55px rgba(6,27,61,.10);
}
html[data-bs-theme="dark"]{
  --ow-bg:#061122;--ow-surface:#0B1C35;--ow-surface-soft:#102846;
  --ow-text:#F6F8FC;--ow-muted:#B9C5D8;--ow-border:rgba(255,255,255,.14);
  --ow-shadow:0 22px 60px rgba(0,0,0,.38);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
  background:radial-gradient(circle at top left,rgba(245,166,35,.12),transparent 28rem),
             radial-gradient(circle at top right,rgba(8,43,120,.12),transparent 26rem),var(--ow-bg);
  color:var(--ow-text);
}
.section{padding:5rem 0}.section-sm{padding:3.5rem 0}
.navbar{background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--ow-border)}
html[data-bs-theme="dark"] .navbar{background:rgba(11,28,53,.88)}
.brand-mark{height:46px;width:auto;border-radius:10px}
.logo-light{display:inline-block}.logo-dark{display:none}
html[data-bs-theme="dark"] .logo-light{display:none}html[data-bs-theme="dark"] .logo-dark{display:inline-block}
.hero{min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-card,.soft-card{background:var(--ow-surface);border:1px solid var(--ow-border);border-radius:28px;box-shadow:var(--ow-shadow)}
.hero-logo{max-width:min(100%,610px);border-radius:28px}
.hero-badge{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--ow-border);background:var(--ow-surface);padding:.55rem .85rem;border-radius:999px;color:var(--ow-muted);font-weight:600;font-size:.95rem}
.hero h1{font-weight:800;letter-spacing:-.03em;line-height:1.06;font-size:clamp(2.35rem,5vw,5.2rem)}
.hero .lead{color:var(--ow-muted);font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.75}
.btn-owlia{--bs-btn-bg:var(--ow-navy);--bs-btn-border-color:var(--ow-navy);--bs-btn-hover-bg:var(--ow-navy-2);--bs-btn-hover-border-color:var(--ow-navy-2);--bs-btn-color:#fff;--bs-btn-hover-color:#fff;border-radius:999px;padding:.85rem 1.35rem;font-weight:700}
html[data-bs-theme="dark"] .btn-owlia{--bs-btn-bg:var(--ow-gold);--bs-btn-border-color:var(--ow-gold);--bs-btn-hover-bg:#FFC458;--bs-btn-hover-border-color:#FFC458;--bs-btn-color:#061B3D;--bs-btn-hover-color:#061B3D}
.btn-ghost{border:1px solid var(--ow-border);background:var(--ow-surface);color:var(--ow-text);border-radius:999px;padding:.85rem 1.35rem;font-weight:700}
.btn-ghost:hover{border-color:var(--ow-gold);color:var(--ow-text)}
.section-title{font-weight:800;letter-spacing:-.02em;color:var(--ow-text)}
.section-kicker{color:var(--ow-gold-2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}
.muted{color:var(--ow-muted)}
.feature-card{height:100%;padding:1.4rem;border-radius:22px;background:var(--ow-surface);border:1px solid var(--ow-border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.feature-card:hover{transform:translateY(-4px);border-color:var(--ow-gold);box-shadow:var(--ow-shadow)}
.icon-bubble{width:48px;height:48px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;background:rgba(245,166,35,.16);color:var(--ow-navy);font-size:1.35rem;margin-bottom:1rem}
html[data-bs-theme="dark"] .icon-bubble{color:#FFD277}
.flow-step{position:relative;padding:1.35rem;border-radius:22px;background:var(--ow-surface);border:1px solid var(--ow-border);height:100%}
.step-number{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:var(--ow-navy);color:#fff;font-weight:800;margin-bottom:.85rem}
html[data-bs-theme="dark"] .step-number{background:var(--ow-gold);color:var(--ow-navy)}
.quiz-pill{display:inline-flex;gap:.45rem;align-items:center;padding:.55rem .75rem;border-radius:999px;background:var(--ow-surface-soft);border:1px solid var(--ow-border);color:var(--ow-text);font-weight:700;margin:.3rem;font-size:.95rem}
.split-panel{background:linear-gradient(135deg,#061B3D,#0A3B78);color:#fff;border-radius:30px;overflow:hidden;box-shadow:var(--ow-shadow)}
.split-panel .inner{padding:clamp(1.6rem,4vw,3rem)}.split-panel .muted{color:rgba(255,255,255,.76)}
.check-list{list-style:none;padding:0;margin:0}.check-list li{display:flex;gap:.75rem;margin-bottom:.9rem;color:var(--ow-muted)}
.check-list li::before{content:"✓";flex:0 0 24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(245,166,35,.16);color:var(--ow-gold-2);font-weight:900}
.cta-box{background:linear-gradient(135deg,rgba(245,166,35,.17),transparent 35%),var(--ow-surface);border:1px solid var(--ow-border);border-radius:30px;box-shadow:var(--ow-shadow)}
.footer{border-top:1px solid var(--ow-border);color:var(--ow-muted);padding:2rem 0}
.theme-toggle,.lang-link{border-radius:999px;border:1px solid var(--ow-border);background:var(--ow-surface);color:var(--ow-text);padding:.45rem .8rem;font-weight:700;text-decoration:none}
.lang-link{color:var(--ow-muted)}.lang-link:hover{color:var(--ow-text);border-color:var(--ow-gold)}
.modal-content{background:var(--ow-surface);color:var(--ow-text);border:1px solid var(--ow-border);border-radius:24px}
.modal-header,.modal-footer{border-color:var(--ow-border)}
@media(max-width:991.98px){.hero{min-height:auto;padding:7rem 0 4rem}.section{padding:3.7rem 0}}