*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #202735;--navy-deep: #181f2c;--navy-light: #2a3547;--gold: #EEBA0C;--gold-dim: rgba(238,186,12,.12);--gold-glow: rgba(238,186,12,.3);--white: #ffffff;--off-white: #f6f7f9;--text-light: rgba(255,255,255,.88);--text-muted: rgba(255,255,255,.48);--text-navy: #202735;--text-gray: #5a6580;--border: rgba(255,255,255,.08);--border-gold: rgba(238,186,12,.2);--r: 14px;--r-lg: 22px}html{scroll-behavior:smooth}body{font-family:Be Vietnam Pro,sans-serif;background:var(--navy);color:var(--text-light);overflow-x:hidden}header{position:fixed;top:0;left:0;right:0;z-index:200;padding:18px 52px;display:flex;align-items:center;justify-content:space-between;background:#202735eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{font-weight:800;font-size:1.35rem;color:var(--white);text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--gold)}.header-right{display:flex;align-items:center;gap:24px}.header-badge{font-size:.72rem;font-weight:600;color:var(--gold);background:var(--gold-dim);border:1px solid var(--border-gold);padding:5px 13px;border-radius:100px;letter-spacing:.04em}button.btn-gold,a.btn-gold{background:var(--gold);color:var(--navy);font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:.82rem;padding:10px 22px;border-radius:100px;text-decoration:none;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px var(--gold-glow)}button.btn-gold:hover,a.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--gold-glow)}.hero{position:relative;background:var(--navy-deep);padding:140px 52px 96px;overflow:hidden;display:flex;align-items:center;min-height:100vh}.hero:before{content:"";position:absolute;top:-40%;right:-10%;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,rgba(238,186,12,.07) 0%,transparent 65%);pointer-events:none}.hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(238,186,12,.12) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black 0%,transparent 75%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:640px}h1{font-size:clamp(2.6rem,5vw,4.4rem);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin-bottom:36px;animation:fadeUp .5s ease both}h1 span{color:var(--gold)}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;animation:fadeUp .5s .12s ease both}.hero-pill{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--border);padding:12px 20px;border-radius:var(--r)}.pill-val{font-weight:800;font-size:1.2rem;color:var(--gold);line-height:1}.pill-lbl{font-size:.72rem;color:var(--text-muted);font-weight:500}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;animation:fadeUp .5s .2s ease both}button.btn-primary,a.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy);font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:.95rem;padding:14px 30px;border-radius:100px;text-decoration:none;border:none;cursor:pointer;transition:all .22s;box-shadow:0 4px 20px var(--gold-glow)}button.btn-primary:hover,a.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 32px var(--gold-glow)}button.btn-outline,a.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-light);font-family:Be Vietnam Pro,sans-serif;font-weight:500;font-size:.95rem;padding:14px 28px;border-radius:100px;border:1px solid var(--border);text-decoration:none;cursor:pointer;transition:all .22s}button.btn-outline:hover,a.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.section-dark{background:var(--navy);padding:72px 52px}.inner{max-width:1200px;margin:0 auto}.cat-pills-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px}.cat-pill{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:100px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-family:Be Vietnam Pro,sans-serif;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap;outline:none}.cat-pill:hover{border-color:var(--gold);color:var(--text-light);background:var(--gold-dim)}.cat-pill.active{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:700}.cat-panel{display:none}.cat-panel.active{display:block;animation:fadeIn .25s ease}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.count-badge{flex-shrink:0;font-size:.68rem;font-weight:700;color:var(--gold);background:var(--gold-dim);border:1px solid var(--border-gold);padding:5px 13px;border-radius:100px;white-space:nowrap}.sub-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sub-tab{padding:8px 16px;border-radius:var(--r);border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .18s;font-family:Be Vietnam Pro,sans-serif;outline:none}.sub-tab:hover{border-color:var(--gold);color:var(--text-light)}.sub-tab.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold);font-weight:600}.bot-slot{display:none}.bot-slot.active{display:block}.bot-frame{background:var(--navy-light);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;position:relative;min-height:540px}.bot-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);font-size:.85rem;background:var(--navy-light);transition:opacity .3s}.bot-loading.hidden{opacity:0;pointer-events:none}.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.bot-container{width:100%;min-height:540px}.section-light{background:var(--off-white);padding:72px 52px;color:var(--text-navy)}.cta-inner{max-width:600px;margin:0 auto;text-align:center}h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px}.section-light h2{color:var(--navy)}.section-light h2 span{color:#b08a00}.price-line{font-size:1rem;color:var(--text-gray);margin-bottom:30px}.price-line strong{font-size:2.2rem;font-weight:800;color:var(--navy);letter-spacing:-.03em}.cta-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}button.btn-primary-navy,a.btn-primary-navy{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:var(--white);font-family:Be Vietnam Pro,sans-serif;font-weight:700;font-size:.95rem;padding:14px 30px;border-radius:100px;text-decoration:none;border:none;cursor:pointer;transition:all .22s}button.btn-primary-navy:hover{background:var(--navy-light);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){header{padding:14px 20px}.header-badge{display:none}.hero{padding:100px 20px 64px}.section-dark,.section-light{padding:56px 20px}}.bot-active-indicator{display:flex;align-items:center;gap:14px;background:var(--gold-dim);border:1px solid var(--border-gold);border-radius:var(--r);padding:18px 24px;font-size:.88rem;color:var(--text-muted);margin-top:8px}.bot-active-indicator strong{color:var(--text-light);font-weight:600}.bot-active-pulse{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 var(--gold-glow);animation:ripple 1.6s ease-in-out infinite}@keyframes ripple{0%{box-shadow:0 0 #eeba0c80}70%{box-shadow:0 0 0 10px #eeba0c00}to{box-shadow:0 0 #eeba0c00}}.hero-tagline{font-size:1rem;color:var(--text-muted);font-weight:400;line-height:1.65;max-width:420px;margin-bottom:32px;animation:fadeUp .5s .08s ease both}.hero-contact{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap;animation:fadeUp .5s .28s ease both}.hero-contact a{color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:500;transition:color .2s}.hero-contact a:hover{color:var(--gold)}.hero-contact-sep{color:var(--border);font-size:.9rem}.hero{justify-content:space-between;gap:40px}.hero-mascot{position:relative;z-index:1;flex-shrink:0;display:flex;align-items:flex-end;animation:fadeUp .6s .3s ease both}.hero-mascot img{width:clamp(220px,28vw,420px);mix-blend-mode:lighten;filter:drop-shadow(0 0 40px rgba(238,186,12,.15))}@media (max-width: 900px){.hero-mascot{display:none}}