.lb-overlay{position:fixed;inset:0;background:rgba(5, 11, 18, 0.86);backdrop-filter:blur(4px);z-index:1200;display:none;align-items:center;justify-content:center}.lb-overlay.active{display:flex;animation:lbFade .24s ease}@keyframes lbFade{from{opacity:0}to{opacity:1}}.lb-stage{position:relative;max-width:92vw;max-height:92vh;box-shadow:0 24px 80px rgba(0,0,0,0.6);border:1px solid rgba(0,255,166,0.25);border-radius:12px;overflow:hidden}.lb-img{display:block;max-width:100%;max-height:92vh;object-fit:contain;background:#0a121b}.lb-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:999px;background:rgba(0,0,0,0.5);color:#e2e8f0;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,0.18)}.lb-close:hover{background:rgba(0,0,0,0.68)}.lb-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(180deg, transparent, rgba(0,0,0,0.55));color:#d1d5db;font-size:14px}.zoomable{cursor:zoom-in}@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');:root{--bg:#f6f7fb;--card:#ffffff;--border:#e6ebf2;--text:#0f172a;--muted:#64748b;--accent:#10b981;--shadow:0 6px 18px rgba(15,23,42,0.06);--shadow-lg:0 14px 40px rgba(15,23,42,0.12)}body.dark{--bg:#0b0f19;--card:#0f172a;--border:#1f2937;--text:#e6e9ef;--muted:#94a3b8;--accent:#10b981;--shadow:0 10px 28px rgba(0,0,0,0.35);--shadow-lg:0 22px 60px rgba(0,0,0,0.45)}.accordion{margin:18px 12px 12px}.acc-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg, rgba(20,32,40,0.9), rgba(14,24,32,0.9));color:var(--text);box-shadow:var(--shadow);cursor:pointer;transition:box-shadow .25s ease, transform .2s ease, border-color .25s ease, background .25s ease}.acc-head:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px);border-color:#1f9d73;background:linear-gradient(180deg, rgba(18,40,36,0.95), rgba(12,26,22,0.95))}.acc-title{font-weight:900;color:#065f46;letter-spacing:.5px;font-size:20px}.acc-icon{font-size:20px;transition:transform .25s ease;color:#10b981}.acc-body{overflow:hidden;border-radius:14px;border:1px solid var(--border);margin-top:12px;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(8px);max-height:0;opacity:0;transform:translateY(-6px);transition:max-height .5s ease, opacity .35s ease, transform .5s ease}.acc-content{padding:26px 26px 180px}.acc-heading{margin:0 0 14px;font-size:22px;font-weight:900;color:#065f46}.acc-list{list-style:none;padding:0;margin:0;display:grid;gap:22px;font-size:18px;line-height:1.6}.acc-ico{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;margin-right:8px;vertical-align:-3px}.acc-list a{color:#0ea5e9;text-decoration:none;font-weight:700}.acc-list a:hover{text-decoration:underline}@keyframes accIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.acc-open .acc-icon{transform:rotate(180deg)}.acc-open .acc-head{box-shadow:0 12px 38px rgba(16, 185, 129, 0.25);border-color:#86efac}.acc-open .acc-body{opacity:1;transform:translateY(0);overflow-y:hidden}@keyframes dropIn{from{opacity:0;transform:translateY(-16px) scale(0.98)}60%{opacity:1;transform:translateY(2px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wobble{0%{transform:rotate(0deg)}20%{transform:rotate(1.2deg)}40%{transform:rotate(-1deg)}60%{transform:rotate(.6deg)}80%{transform:rotate(-.4deg)}100%{transform:rotate(0deg)}}.acc-content.anim .acc-heading{animation:dropIn .6s cubic-bezier(.2,.8,.2,1) both}.acc-content.anim li{animation:dropIn .55s cubic-bezier(.2,.8,.2,1) both, wobble 1.2s ease-out .55s both}.acc-content.anim li:nth-child(1){animation-delay:.05s, .65s}.acc-content.anim li:nth-child(2){animation-delay:.10s, .70s}.acc-content.anim li:nth-child(3){animation-delay:.15s, .75s}.acc-content.anim li:nth-child(4){animation-delay:.20s, .80s}*{box-sizing:border-box}html, body{height:100%}body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;background:var(--bg);color:var(--text)}@media (min-width:1200px){body.desktop-scale{zoom:0.8}@-moz-document url-prefix(){body.desktop-scale{zoom:initial;transform:scale(0.8);transform-origin:top center}body.desktop-scale .audio-bar{transform:translateX(-50%) scale(1.25)}}}.container{max-width:1680px;margin:0 auto;padding:24px}.container-xl{max-width:1880px;padding-left:16px;padding-right:16px}.mt{margin-top:16px}main.container{padding-bottom:180px}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.site-header.light{background:#ffffffaa;border-bottom:1px solid #e6ebf2;box-shadow:0 6px 18px rgba(0,0,0,0.06)}.site-header.dark{background:rgba(5,10,18,0.95);border-bottom:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 24px rgba(0,0,0,0.35);backdrop-filter:none}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:none}.nav-list{display:flex;gap:14px;list-style:none;padding:0;margin:0}.nav-list a{color:var(--text);text-decoration:none;opacity:0.85}.nav-list a:hover{opacity:1}.nav-toggle{display:none;background:transparent;color:#e6e9ef;border:0;font-size:22px}@media (max-width:820px){.nav-toggle{display:block}.nav-list{display:none;position:absolute;right:24px;top:58px;background:rgba(5,8,14,0.95);border:1px solid rgba(255,255,255,0.06);padding:12px;border-radius:10px;flex-direction:column}.nav-list.open{display:flex}}.bg-anim{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 600px at 10% -10%, rgba(59,130,246,0.20), transparent), radial-gradient(1200px 600px at 90% 10%, rgba(236,72,153,0.18), transparent), radial-gradient(1000px 500px at 50% 120%, rgba(56,189,248,0.18), transparent);animation:floatBg 20s linear infinite alternate}@keyframes floatBg{to{transform:translateY(-2%) scale(1.02);filter:hue-rotate(15deg)}}.bg-anim-light{position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 500px at 0% -10%, rgba(16,185,129,0.12), transparent), radial-gradient(1000px 520px at 100% 0%, rgba(34,197,94,0.10), transparent), radial-gradient(800px 450px at 50% 120%, rgba(2,132,199,0.08), transparent), linear-gradient(180deg, #0b0f19 0%, #0a1320 40%, #0b0f19 100%);animation:floatBgLight 16s ease-in-out infinite alternate}.bg-anim-light::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg, rgba(168,85,247,0.06) 0 1px, transparent 1px 3px);opacity:.30;mix-blend-mode:overlay}@keyframes floatBgLight{to{transform:translateY(-2.5%) scale(1.015);filter:saturate(1.12) hue-rotate(12deg)}}.bg-anim-light::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 50% 110%, rgba(255,255,255,0.5), transparent 60%), radial-gradient(400px 200px at 5% 20%, rgba(255,255,255,0.35), transparent 60%), radial-gradient(400px 200px at 95% 20%, rgba(255,255,255,0.35), transparent 60%);pointer-events:none;mix-blend-mode:screen}.hero-banner{padding:24px 0 8px}.hero-title{margin:10px 0 6px;font-size:clamp(34px, 5.6vw, 68px);font-weight:900;letter-spacing:0.5px;line-height:1.05;opacity:0;transform:translateY(8px);position:relative;display:inline-block}.hero-sub{margin:0 0 10px;opacity:0.8;font-size:clamp(14px, 2vw, 18px);opacity:0;transform:translateY(10px)}.hero-title.revealed, .hero-sub.revealed{opacity:1;transform:translateY(0);transition:all .7s cubic-bezier(.2,.8,.2,1)}.hero-grad{background:linear-gradient(90deg, #0ea5e9, #10b981 60%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.05)}body.dark .hero-grad{background:none;color:#00ffa6;-webkit-text-fill-color:#00ffa6;-webkit-text-stroke:1px rgba(0,255,166,0.35);text-shadow:0 0 2px #00ffa6, 0 0 6px rgba(0,255,166,0.9), 0 0 14px rgba(0,255,166,0.8), 0 0 26px rgba(168,85,247,0.66), 0 0 46px rgba(147,51,234,0.56), 0 2px 0 rgba(0,0,0,0.45);animation:neonFlicker 3.5s ease-in-out infinite}@keyframes neonFlicker{0%, 13%, 14%, 17%, 18%, 22%, 100%{filter:brightness(1) saturate(1.15);opacity:1}12%, 16%, 21%{filter:brightness(1.25) saturate(1.3);opacity:1}15%, 20%{filter:brightness(0.6) saturate(1.1);opacity:0.9}}.hero-banner{padding:28px 0 24px}.hero-title::after{content:"";position:absolute;left:-6px;right:-6px;bottom:-10px;height:12px;background:linear-gradient(90deg, rgba(0,255,166,0.42), rgba(168,85,247,0.62));border-radius:10px;transform:rotate(-1.2deg);box-shadow:0 8px 26px rgba(0,255,166,0.32), 0 0 28px rgba(168,85,247,0.36)}@keyframes hue{0%{filter:hue-rotate(0deg) drop-shadow(0 4px 14px rgba(255, 127, 80, 0.25))}100%{filter:hue-rotate(15deg) drop-shadow(0 4px 14px rgba(255, 127, 80, 0.25))}}button, .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;border-radius:10px;height:40px;padding:0 14px;text-decoration:none;color:var(--text);background:rgba(255,255,255,0.04);transition:transform .15s ease, filter .15s ease, background .15s ease}.btn.primary{background:linear-gradient(90deg, #16a34a, #10b981);color:#001219;font-weight:700}.btn.ghost{background:var(--card);border:1px solid var(--border);color:var(--text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.small{height:34px;padding:0 12px;font-size:14px}.btn:hover{filter:brightness(1.05)}.socials{display:flex;justify-content:center;gap:8px;margin-top:6px}.social{display:inline-flex;width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center;background:rgba(255,255,255,0.06)}.section{padding:64px 0}.section-title{font-size:clamp(20px, 3vw, 28px);margin:0 0 10px}.section-text{opacity:0.9}.chip-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.chip{background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 10px;border-radius:999px;font-weight:700;color:#0f172a}.chip:hover{background:#e2e8f0;border-color:#cbd5e1}.cards{position:relative;display:flex;gap:22px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,255,166,0.6) rgba(0,0,0,0.2)}.cards::-webkit-scrollbar{height:8px}.cards::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);border-radius:10px}.cards::-webkit-scrollbar-thumb{background:linear-gradient(90deg, #22d3ee, #10b981);border-radius:10px;box-shadow:0 0 8px rgba(0,255,166,0.4)}.cards::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, #38bdf8, #34d399)}.card{flex:0 0 calc(33.333% - 15px);scroll-snap-align:start;min-width:320px}@media (max-width:1200px){.card{flex:0 0 calc(50% - 11px)}}@media (max-width:820px){.card{flex:0 0 calc(100% - 22px);min-width:280px}}.card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;will-change:transform;transform:translateZ(0)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#2a3a4a}body.dark .card{position:relative;border-color:rgba(0,255,166,0.18);box-shadow:0 6px 22px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,255,166,0.10) inset}body.dark .card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 8px rgba(0,255,166,0.22), 0 0 18px rgba(0,255,166,0.18), 0 0 36px rgba(168,85,247,0.16)}body.dark .card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:2.5px;background:linear-gradient(135deg, rgba(0,255,166,0.85), rgba(168,85,247,0.9));-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}body.dark .card:hover{border-color:rgba(0,255,166,0.35);box-shadow:0 12px 40px rgba(0,0,0,0.5), 0 0 24px rgba(0,255,166,0.25) inset;filter:saturate(1.05)}body.dark .card:hover::before{box-shadow:0 0 10px rgba(0,255,166,0.32), 0 0 26px rgba(0,255,166,0.24), 0 0 44px rgba(168,85,247,0.24)}body.dark .card:hover::after{opacity:.95}.card-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:14px 16px;background:#fbfdff;border-bottom:1px solid #e6ebf2}body.dark .card-h{background:rgba(255,255,255,0.02);border-bottom:1px solid var(--border)}.card-h strong{font-weight:800;color:var(--text)}.card .meta{font-size:13px;color:#081017;background:#a7f3d0;border:1px solid #34d399;padding:2px 8px;border-radius:999px;box-shadow:0 0 8px rgba(0,255,166,0.22)}body.dark .card .meta{color:#0b1220;background:rgba(167,243,208,0.92);border-color:rgba(52,211,153,0.85)}.card-img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #e6ebf2;transition:transform .22s cubic-bezier(.22,.61,.36,1);will-change:transform;backface-visibility:hidden;transform-origin:center center}.card:hover .card-img{transform:scale(1.02)}.card p{padding:14px 16px;margin:0;color:#475569;line-height:1.6}body.dark .card p{color:#cbd5e1}.card-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 10px}.card-actions{display:flex;gap:12px;padding:12px 16px 18px}.out{background:rgba(0,0,0,0.35);padding:12px;border-radius:8px;margin:0;white-space:pre-wrap;width:100%}.card-header{padding:10px 14px;font-weight:600;background:rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.08)}.list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.list li{background:rgba(0,0,0,0.25);padding:8px 10px;border-radius:8px;display:flex;gap:8px;align-items:center}.badge{display:inline-block;background:#0ea5e9;color:#001219;font-weight:600;padding:2px 8px;border-radius:999px;font-size:12px}body.light{background:var(--bg);color:var(--text)}.site-footer.light, .site-footer.dark{color:var(--muted)}.btn.ghost{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn.primary{color:#fff}.tabs{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px;display:flex;gap:8px;align-items:center;margin:18px 0 26px;box-shadow:var(--shadow)}.tabs{position:relative;overflow:visible}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.tabs{overflow-y:visible}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:999px;position:relative;font-weight:600;transition:background .15s ease, color .15s ease}.tab{white-space:nowrap}.tab:hover{background:#f1f5f9;color:var(--text)}.tab.active{background:var(--accent);color:#ffffff}.tab.active::after{content:none}.tab svg{width:18px;height:18px;margin-right:6px;opacity:.9}body.dark .tab:hover{background:rgba(255,255,255,0.06)}body.desktop-zoom-95 .container-xl,body.desktop-zoom-95 main.container,body.desktop-zoom-95 .hero-banner .container{transform:scale(0.95);transform-origin:top center}@media (max-width:900px){body.mobile-zoom-94 .container-xl, body.mobile-zoom-94 main.container, body.mobile-zoom-94 .hero-banner .container{transform:scale(0.94);transform-origin:top center}}@media (max-width:540px){body.mobile-zoom-92 .container-xl, body.mobile-zoom-92 main.container, body.mobile-zoom-92 .hero-banner .container{transform:scale(0.92);transform-origin:top center}body.mobile-zoom-90 .container-xl, body.mobile-zoom-90 main.container, body.mobile-zoom-90 .hero-banner .container{transform:scale(0.90);transform-origin:top center}}.swipe-hint{position:absolute;bottom:8px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;color:#0b1220;background:#a7f3d0;border:1px solid #34d399;box-shadow:0 8px 24px rgba(0,0,0,0.28);opacity:0;transform:translateY(6px);pointer-events:none}.swipe-hint.show{opacity:1;transform:translateY(0);transition:all .35s ease}.swipe-ico{width:16px;height:16px;display:inline-grid;place-items:center;background:#059669;color:#ecfdf5;border-radius:999px;font-size:12px}.edge-fade{position:relative}.edge-fade::before, .edge-fade::after{content:"";position:absolute;top:0;bottom:0;width:42px;pointer-events:none;z-index:2}.edge-fade::before{left:0;background:linear-gradient(90deg, rgba(11,18,31,0.95), transparent)}.edge-fade::after{right:0;background:linear-gradient(270deg, rgba(11,18,31,0.95), transparent)}.cards button:not([data-nav-btn]),.cards > button:not(.nav-btn),.cards button:not(.nav-btn-left):not(.nav-btn-right),button[style*="background"][style*="a7f3d0"],button[style*="background"][style*="10b981"]:not([data-nav-btn]),.cards .left,.cards .right,.cards button:not(.nav-btn):not([class*="btn"]),button[aria-label*="Previous"],button[aria-label*="Next"]:not(.nav-btn),button:has(svg):not(.nav-btn):not([id]),.cards button[style*="position:absolute"]:not([data-nav-btn]),.cards button[style*="rgba"]:not(.nav-btn),.cards section button:not(.nav-btn),.cards .card ~ button:not(.nav-btn){display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;width:0 !important;height:0 !important;overflow:hidden !important;position:absolute !important;left:-9999px !important;top:-9999px !important;z-index:-9999 !important}.nav-btn{position:absolute;z-index:1000;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid #00ffa6;background:linear-gradient(135deg, rgba(0, 255, 166, 0.9), rgba(16, 185, 129, 0.85));backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 0 30px rgba(0, 255, 166, 0.8), 0 0 60px rgba(0, 255, 166, 0.5), 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(255, 255, 255, 0.2);transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);color:#001219;transform:translateY(-50%)}.nav-btn svg{width:32px;height:32px;stroke-width:3;filter:drop-shadow(0 0 12px rgba(0, 255, 166, 1));transition:all 0.3s ease}.nav-btn:hover{transform:translateY(-50%) scale(1.15);background:linear-gradient(135deg, #00ffa6, #22d3ee);border-color:#22d3ee;box-shadow:0 0 40px rgba(0, 255, 166, 1), 0 0 80px rgba(0, 255, 166, 0.7), 0 12px 48px rgba(0, 0, 0, 0.7), inset 0 0 30px rgba(255, 255, 255, 0.3)}.nav-btn:hover svg{transform:scale(1.15);filter:drop-shadow(0 0 20px rgba(0, 255, 166, 1))}.nav-btn:active{transform:translateY(-50%) scale(1.0);transition:all 0.1s ease}@keyframes navPulse{0%, 100%{box-shadow:0 0 30px rgba(0, 255, 166, 0.8), 0 0 60px rgba(0, 255, 166, 0.5), 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(255, 255, 255, 0.2);transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 50px rgba(0, 255, 166, 1), 0 0 100px rgba(0, 255, 166, 0.7), 0 8px 32px rgba(0, 0, 0, 0.6), inset 0 0 30px rgba(255, 255, 255, 0.3);transform:translateY(-50%) scale(1.05)}}.nav-btn{animation:navPulse 2s ease-in-out infinite}@media (max-width:900px){.cards.mobile-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;padding:4px 8px 56px;position:relative}.cards.mobile-carousel .card{flex:0 0 86vw;max-width:86vw;scroll-snap-align:start}.cards.mobile-carousel::-webkit-scrollbar{height:6px}.cards.mobile-carousel::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.35);border-radius:999px}.nav-btn{width:64px;height:64px;border-width:2px;animation:navPulseMobile 2s ease-in-out infinite}.nav-btn svg{width:28px;height:28px}.nav-btn:hover{transform:translateY(-50%) scale(1.1);background:linear-gradient(135deg, #00ffa6, #22d3ee)}.nav-btn:active{transform:translateY(-50%) scale(0.95)}}@keyframes navPulseMobile{0%, 100%{box-shadow:0 0 30px rgba(0, 255, 166, 0.8), 0 0 60px rgba(0, 255, 166, 0.5), 0 8px 32px rgba(0, 0, 0, 0.6);transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 50px rgba(0, 255, 166, 1), 0 0 100px rgba(0, 255, 166, 0.7), 0 8px 32px rgba(0, 0, 0, 0.6);transform:translateY(-50%) scale(1.03)}}@media (max-width:900px){.cards .swipe-hint{right:64px;bottom:10px}}@media (max-width:900px){.tabs{position:relative}.tabs > .swipe-hint{top:calc(100% + 6px);bottom:auto;right:0}}.lang-dd{position:relative;display:inline-block}.lang-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}.lang-btn .lang-label{font-weight:700}.flag-img{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,0.08) inset}.lang-list[hidden]{display:none !important}.lang-list{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px;width:520px;max-width:92vw;max-height:60vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,0.45);z-index:1400;display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:8px}.lang-list li{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer}.lang-list li:hover{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.25)}.lang-item{display:flex;align-items:center;gap:8px}.code-badge{font-size:11px;background:rgba(0,0,0,0.2);color:var(--muted);padding:2px 6px;border-radius:999px}.cv-toolbar{position:relative;overflow:visible;display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width:900px){.cv-body{display:block}.cv-side, .cv-main{width:100% !important}.cv-panel{padding:12px}.cv-top{padding:6px 0 10px}.cv-name{font-size:22px}.cv-role{font-size:14px}.cv-section h3{font-size:16px}.cv-section p, .cv-list li{font-size:14px;line-height:1.35}.hobby-grid{grid-template-columns:1fr 1fr;gap:10px}.cert-grid{grid-template-columns:1fr 1fr;gap:10px}.cv-toolbar{gap:8px}.lang-list{width:92vw;right:0;left:0;margin:0 auto;grid-template-columns:1fr 1fr}}@media (max-width:520px){.hobby-grid, .cert-grid{grid-template-columns:1fr}.lang-list{grid-template-columns:1fr}}.grid-2{display:grid;grid-template-columns:480px 1fr;gap:26px;align-items:stretch}.grid-2.fill{min-height:76vh}.grid-2.cv-layout{grid-template-columns:420px 1fr;grid-template-rows:auto auto;grid-template-areas:"certs cv" "certs bottom";align-items:stretch}.grid-2 > .panel{height:100%;display:flex;flex-direction:column}@media (max-width:980px){.grid-2{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #e6ebf2;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,0.03)}.panel-h{padding:16px 18px;border-bottom:1px solid #e6ebf2}.panel-b{padding:18px}body.dark .panel{position:relative;background:var(--card);border:1px solid rgba(0,255,166,0.22);box-shadow:0 8px 28px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,255,166,0.12) inset}body.dark .panel::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 10px rgba(0,255,166,0.25), 0 0 20px rgba(0,255,166,0.18), 0 0 38px rgba(168,85,247,0.16)}body.dark .panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:2.5px;background:linear-gradient(135deg, rgba(0,255,166,0.85), rgba(168,85,247,0.9));-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}body.dark .panel:hover::before{box-shadow:0 0 12px rgba(0,255,166,0.35), 0 0 28px rgba(0,255,166,0.25), 0 0 48px rgba(168,85,247,0.24)}body.dark .panel:hover::after{opacity:.9}body.dark .panel-h{border-bottom:1px solid var(--border)}.panel-h{padding:16px 18px;border-bottom:1px solid #e6ebf2}.panel-b{padding:18px}.cv-panel{display:flex;flex-direction:column;gap:12px;height:100%;grid-area:cv}.cv-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.cv-top .cv-title-group{display:flex;align-items:center;gap:14px}.cv-top .cv-actions{display:flex;gap:10px}.cv-header{display:flex;align-items:center;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border)}.cv-photo{width:84px;height:84px;object-fit:cover;border-radius:12px;border:2px solid rgba(168,85,247,0.55);box-shadow:0 0 18px rgba(168,85,247,0.35)}.cv-photo.small{width:72px;height:72px;border-radius:10px}.cv-id{flex:1;min-width:0}.cv-name{margin:0 0 6px;font-size:clamp(20px, 3.4vw, 28px);font-weight:900;color:var(--text);letter-spacing:.2px}.cv-role{color:#a5b4fc;font-weight:700;margin-bottom:6px}.cv-contacts a{color:#cbd5e1;text-decoration:none;margin-right:10px}.cv-contacts a:hover{color:#e2e8f0}.cv-actions{display:flex;gap:10px}.cv-body{padding:12px 18px 18px;display:flex;flex-direction:column;gap:16px}.cv-body.cv-two{display:grid;grid-template-columns:300px 1fr;gap:16px;padding-top:16px}.cv-side{display:flex;flex-direction:column;gap:12px}.cv-side .cv-section.mini{padding:10px}.cv-contacts.list{display:grid;gap:8px;font-size:14px}.cv-main{display:flex;flex-direction:column;gap:14px}.contact-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:rgba(255,255,255,0.02);border:1px solid rgba(239,68,68,0.75);box-shadow:0 0 0 1px rgba(239,68,68,0.35) inset, 0 6px 18px rgba(239,68,68,0.18)}.contact-card .cv-photo{width:160px;height:160px;border-radius:16px;border-color:rgba(239,68,68,0.85);box-shadow:0 0 18px rgba(239,68,68,0.35);align-self:center}.cv-mini-id{display:none;text-align:left;padding:6px 4px 2px;border-radius:10px}.cv-mini-id .mini-name{font-weight:900;font-size:16px;color:var(--text);line-height:1.15}.cv-mini-id .mini-role{display:inline-block;margin-top:2px;font-size:12px;font-weight:800;color:#fca5a5;letter-spacing:.02em}.cv-mini-id .mini-role::before{content:'• ';color:#fecaca}.contact-title{font-family:ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";font-size:15px;letter-spacing:.02em;font-weight:800;color:#fca5a5;margin:4px 0 2px;text-align:left}.cv-section{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:10px;padding:14px}.cv-section h3{margin:0 0 8px;font-size:16px;color:var(--text)}.cv-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.cv-list .muted{color:var(--muted);font-size:13px}.cv-skills{display:flex;flex-wrap:wrap;gap:8px}.cv-section.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:900px){.grid-2.cv-layout{grid-template-columns:1fr}.cv-section.two-col{grid-template-columns:1fr}}.timeline{position:relative;padding-left:22px;display:grid;gap:12px}.timeline::before{content:"";position:absolute;left:10px;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg, rgba(168,85,247,0.6), rgba(16,185,129,0.6));border-radius:2px}.tl-item{position:relative;padding-left:14px}.tl-item .tl-dot{position:absolute;left:-2px;top:6px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #a78bfa, #60a5fa 70%);box-shadow:0 0 10px rgba(168,85,247,0.7), 0 0 6px rgba(16,185,129,0.55);border:1px solid rgba(255,255,255,0.25)}.tl-head{display:flex;align-items:baseline;gap:8px;font-weight:800;color:var(--text)}.tl-meta{color:#a5b4fc;font-weight:700;font-size:13px}.tl-desc{color:var(--muted);font-size:14px;margin-top:4px}.cv-section.summary, .cv-section.experience, .cv-section.edu-certs, .cv-section.highlights{position:relative;border-radius:12px;padding:16px}.cv-section.summary h3, .cv-section.experience h3, .cv-section.edu-certs h3, .cv-section.highlights h3{position:relative;padding-bottom:6px}.cv-section.summary h3::after, .cv-section.experience h3::after, .cv-section.edu-certs h3::after, .cv-section.highlights h3::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg, rgba(0,255,166,0.65), rgba(168,85,247,0.65));border-radius:2px;opacity:.85}body.dark .cv-section.summary, body.dark .cv-section.experience, body.dark .cv-section.edu-certs, body.dark .cv-section.highlights{border-color:rgba(0,255,166,0.18);box-shadow:0 6px 22px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,255,166,0.10) inset}.cv-section.experience .tl-item{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:10px;padding:10px 12px 10px 26px}body.dark .cv-section.experience .tl-item{border-color:rgba(148,163,184,0.22)}.cv-section.experience .tl-item + .tl-item{margin-top:8px}.cv-section.edu-certs .cv-list li{background:rgba(255,255,255,0.03);border:1px dashed rgba(148,163,184,0.25);border-radius:10px;padding:8px 10px}.cv-section.edu-certs .edu h3, .cv-section.edu-certs .certs h3{margin-bottom:8px}.cv-panel.cv-classic{border:1px solid var(--border) !important;box-shadow:var(--shadow)}body.dark .cv-panel.cv-classic{border-color:#203043;box-shadow:0 8px 28px rgba(0,0,0,0.35)}.cv-panel.cv-classic::before, .cv-panel.cv-classic::after{display:none !important}.cv-panel.cv-classic .cv-top{background:rgba(255,255,255,0.02);border-bottom:1px solid var(--border)}.cv-panel.cv-classic .cv-name{font-size:clamp(22px, 3.2vw, 30px);letter-spacing:0}.cv-panel.cv-classic .cv-role{color:#93c5fd;font-weight:700}.cv-panel.cv-classic .cv-section{background:transparent;border:1px solid var(--border)}.cv-panel.cv-classic .cv-section h3{font-size:18px;font-weight:900}.cv-panel.cv-classic .timeline::before{background:linear-gradient(180deg, rgba(148,163,184,0.6), rgba(148,163,184,0.35))}.cv-panel.cv-classic .tl-item .tl-dot{background:radial-gradient(circle at 30% 30%, #cbd5e1, #94a3b8 70%);box-shadow:0 0 0 rgba(0,0,0,0);border-color:rgba(255,255,255,0.2)}.cv-panel.cv-classic .tl-head{color:var(--text)}.cv-panel.cv-classic .tl-meta{color:#9ca3af;font-weight:700}.cv-panel.cv-classic .tl-desc{color:var(--muted)}.cv-panel.cv-classic .ico{margin-right:6px;filter:grayscale(20%)}.cv-panel.cv-classic .cv-section{padding:16px}.cv-panel.cv-classic .cv-list{gap:6px}.cv-panel.cv-classic .cv-contacts.list{gap:6px;font-size:14px}.cv-panel.cv-classic .cv-contacts .c-ico{width:18px;display:inline-block;text-align:center;opacity:.9;margin-right:6px}.cv-panel.cv-classic .check-list{gap:8px}.cv-panel.cv-classic .check{width:18px;height:18px;line-height:18px;font-size:12px}.ico{display:inline-block;width:20px;text-align:center}.cv-kpis{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:10px;margin-bottom:8px}.kpi{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px}.kpi-num{font-weight:900;font-size:18px;color:var(--text)}.kpi-label{color:var(--muted);font-weight:700}@media (max-width:900px){.cv-kpis{grid-template-columns:repeat(2, minmax(0,1fr))}}.hi-list{list-style:none;padding-left:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hi-list li{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:12px;padding:10px 12px;color:var(--text);font-weight:700;box-shadow:var(--shadow);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, filter .15s ease}.hi-list li:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);border-color:#2a3a4a;filter:saturate(1.02)}@media (max-width:900px){.hi-list{grid-template-columns:1fr}}.proj-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}@media (max-width:900px){.proj-grid{grid-template-columns:1fr}}.proj-card{background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.proj-title{font-weight:900;color:var(--text);display:flex;align-items:center;gap:8px}.proj-desc{color:var(--muted);font-size:14px}.proj-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;font-weight:800;color:#0b1220;background:#a7f3d0;border:1px solid #34d399;border-radius:999px;padding:2px 8px}body.dark .tag{color:#0b1220;background:rgba(167,243,208,0.92);border-color:rgba(52,211,153,0.85)}.proj-link{color:#38bdf8;font-weight:800;text-decoration:none}.proj-link:hover{text-decoration:underline}.hobby-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}@media (max-width:900px){.hobby-grid{grid-template-columns:1fr}}.hobby-card{position:relative;background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.hobby-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg);border-color:#2a3a4a}.hobby-ico{font-size:22px;filter:saturate(1.1)}.hobby-title{font-weight:900;color:var(--text);font-size:16px}.hobby-desc{color:var(--muted);font-size:14px;margin:0}body.dark .hobby-card{border-color:rgba(0,255,166,0.18);box-shadow:0 6px 22px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,255,166,0.10) inset}body.dark .hobby-card:hover{border-color:rgba(0,255,166,0.35);box-shadow:0 12px 40px rgba(0,0,0,0.5), 0 0 24px rgba(0,255,166,0.25) inset;filter:saturate(1.03)}.audio-bar{position:relative;display:inline-flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:rgba(12,16,26,0.7);border:1px solid rgba(148,163,184,0.18);box-shadow:0 18px 44px rgba(0,0,0,0.45);backdrop-filter:blur(8px)}body.dark .audio-bar{background:rgba(8,12,20,0.72);border-color:rgba(0,255,166,0.22)}.audio-bar::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg, rgba(0,255,166,0.75), rgba(168,85,247,0.75));-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}.audio-bar .ab-left{display:flex;align-items:center;gap:6px;padding:4px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(148,163,184,0.22)}.audio-bar .ab-btn{background:transparent;border:0;color:#e5e7eb;transition:transform .12s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06)}.audio-bar .ab-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,0.06);box-shadow:inset 0 0 0 1px rgba(0,255,166,0.35), 0 8px 24px rgba(0,0,0,0.35)}.audio-bar .ab-btn:active{transform:translateY(0);filter:brightness(0.98)}.audio-bar .ab-btn.ghost{background:rgba(0,0,0,0.25);border:1px solid rgba(148,163,184,0.28);color:#e2e8f0;font-weight:900}.audio-bar .ab-meta.mini{display:flex;align-items:center;gap:10px;padding:0 8px}.audio-bar .ab-title{color:#e0e7ff;font-weight:900;letter-spacing:.02em;position:relative;padding-left:24px}.audio-bar .ab-title::before{content:"";position:absolute;left:0;top:50%;width:16px;height:12px;transform:translateY(-50%);display:grid;grid-template-columns:repeat(3, 1fr);gap:2px}.audio-bar .ab-title::before{background:linear-gradient(#22d3ee 0 0) 0 100%/3px 40%, linear-gradient(#a78bfa 0 0) 50% 100%/3px 70%, linear-gradient(#34d399 0 0) 100% 100%/3px 55%;background-repeat:no-repeat;animation:eq1 1.2s ease-in-out infinite}@keyframes eq1{0%{background-size:3px 20%,3px 45%,3px 30%}25%{background-size:3px 70%,3px 30%,3px 55%}50%{background-size:3px 35%,3px 75%,3px 40%}75%{background-size:3px 60%,3px 35%,3px 80%}100%{background-size:3px 20%,3px 45%,3px 30%}}.audio-bar .ab-menu{position:absolute;right:10px;top:calc(100% + 10px);min-width:340px;background:rgba(6,10,18,0.96);border:1px solid rgba(0,255,166,0.32);border-radius:14px;box-shadow:0 22px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(0,255,166,0.18) inset;padding:12px;z-index:40;backdrop-filter:blur(8px)}.audio-bar .ab-now{display:flex;gap:10px;align-items:center;padding:6px 6px 10px;border-bottom:1px dashed rgba(148,163,184,0.28);margin-bottom:8px}.audio-bar .ab-cover{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg, #0ea5e9, #a78bfa);box-shadow:0 0 14px rgba(168,85,247,0.35)}.audio-bar .ab-now-title{color:#e2e8f0;font-weight:900}.audio-bar .ab-row{display:flex;align-items:center;gap:10px;padding:6px}.audio-bar .ab-label{color:#93c5fd;font-weight:800}.audio-bar .ab-select{flex:1;height:42px;background:rgba(255,255,255,0.04);color:#e5e7eb;border:1px solid rgba(148,163,184,0.25);border-radius:12px;padding:0 12px;font-weight:800}.audio-bar .ab-select:focus{outline:2px solid rgba(0,255,166,0.45)}.audio-bar .ab-timeline{display:flex;align-items:center;gap:10px;padding:6px}.audio-bar .ab-time{font-weight:800;color:#cbd5e1;font-size:12px}.audio-bar .ab-range{appearance:none;-webkit-appearance:none;height:8px;border-radius:999px;background:rgba(148,163,184,0.35);border:1px solid rgba(148,163,184,0.35);flex:1}.audio-bar .ab-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #a78bfa, #22d3ee 70%);border:1px solid rgba(255,255,255,0.5);box-shadow:0 0 10px rgba(168,85,247,0.65);cursor:pointer}.audio-bar .ab-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #a78bfa, #22d3ee 70%);border:1px solid rgba(255,255,255,0.5);box-shadow:0 0 10px rgba(168,85,247,0.65);cursor:pointer}.audio-bar .ab-vol{display:flex;align-items:center;gap:8px;padding:6px}.audio-bar .ab-vol-icn{filter:saturate(1.1)}.skill-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:900px){.skill-bars{grid-template-columns:1fr}}.sb{display:flex;flex-direction:column;gap:6px}.sb-label{display:flex;justify-content:space-between;font-weight:800;color:var(--text);font-size:13px}.sb-track{height:8px;border-radius:999px;background:rgba(148,163,184,0.25);overflow:hidden;border:1px solid rgba(148,163,184,0.35)}.sb-fill{height:100%;background:linear-gradient(90deg, #22d3ee, #a78bfa);border-right:1px solid rgba(255,255,255,0.4)}.cv-panel.modular .cv-body.cv-two{grid-template-columns:300px 1fr}.cv-panel.modular .cv-main{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cv-panel.modular .cv-section{height:100%}@media (max-width:980px){.cv-panel.modular .cv-main{grid-template-columns:1fr}}.cv-panel.timeline-mode .cv-section{border-color:rgba(148,163,184,0.25)}.cv-panel.timeline-mode .timeline::before{background:linear-gradient(180deg, #94a3b8, #64748b)}.cv-panel.timeline-mode .tl-meta{color:#94a3b8}.cv-panel.cards-mode .cv-main{display:grid;grid-template-columns:1fr;gap:16px}.cv-panel.cards-mode .cv-section{box-shadow:var(--shadow)}.cv-panel.neo .cv-section{border-color:rgba(255,255,255,0.06);background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0.06));box-shadow:6px 6px 14px rgba(0,0,0,0.35), -6px -6px 14px rgba(255,255,255,0.02)}.scroll-mode [data-reveal]{transition:transform .6s cubic-bezier(.2,.8,.2,1), opacity .6s ease;opacity:0;transform:translateY(8px)}.scroll-mode .revealed{opacity:1;transform:translateY(0)}.cv-toolbar{display:flex;gap:10px;justify-content:flex-end;margin:8px 0 14px}body.cv-only .tabs{display:none}body.cv-only .certs-tall{display:none}body.cv-only .cv-bottom{display:none}body.cv-only .site-header{display:none}body.cv-only .hero-banner{display:none}body.cv-only main.container{padding-bottom:40px}body.cv-only .grid-2.cv-layout{grid-template-columns:1fr}.intro-overlay{position:fixed;inset:-1px;width:100vw;height:100vh;z-index:1000;background:radial-gradient(1200px 700px at 50% -10%, rgba(0,255,166,0.06), transparent), #050b12;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .6s ease}.intro-overlay.active{opacity:1;pointer-events:all}.intro-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:min(860px, 92vw);max-height:90vh;overflow-y:auto;padding:clamp(18px, 4vw, 32px);border-radius:16px;border:1px solid rgba(0,255,166,0.35);background:rgba(3,8,14,0.9);box-shadow:0 26px 80px rgba(0,0,0,0.6), inset 0 0 0 1px rgba(168,85,247,0.2);backdrop-filter:blur(6px);color:#e2e8f0;text-shadow:0 0 6px rgba(0,255,166,0.25)}.intro-wrap::-webkit-scrollbar{width:10px}.intro-wrap::-webkit-scrollbar-track{background:rgba(0,0,0,0.3);border-radius:10px}.intro-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #22d3ee, #10b981);border-radius:10px;box-shadow:0 0 8px rgba(0,255,166,0.45)}.intro-wrap::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #38bdf8, #34d399)}.intro-wrap{scrollbar-width:thin;scrollbar-color:rgba(0,255,166,0.8) rgba(0,0,0,0.3)}.intro-grid{display:grid;grid-template-columns:1fr;gap:12px}.intro-title{font-weight:900;font-size:clamp(26px, 5.2vw, 42px);color:#00ffa6;-webkit-text-stroke:1px rgba(0,255,166,0.35);text-shadow:0 0 8px rgba(0,255,166,0.9), 0 0 24px rgba(168,85,247,0.55);letter-spacing:.5px}.intro-title.glitch{position:relative}.intro-title.glitch::before, .intro-title.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;color:#a78bfa;opacity:.8;mix-blend-mode:screen}.intro-title.glitch::before{transform:translate(1.2px, -0.8px);text-shadow:-1px 0 #22d3ee;animation:glitchShift 2.2s infinite linear alternate-reverse}.intro-title.glitch::after{transform:translate(-1.2px, 0.8px);text-shadow:1px 0 #10b981;animation:glitchShift2 1.9s infinite linear alternate}@keyframes glitchShift{0%{clip-path:inset(0 0 80% 0)}20%{clip-path:inset(10% 0 60% 0)}40%{clip-path:inset(40% 0 30% 0)}60%{clip-path:inset(20% 0 40% 0)}80%{clip-path:inset(70% 0 0 0)}100%{clip-path:inset(0 0 0 0)}}@keyframes glitchShift2{0%{clip-path:inset(70% 0 0 0)}25%{clip-path:inset(20% 0 40% 0)}50%{clip-path:inset(40% 0 30% 0)}75%{clip-path:inset(10% 0 60% 0)}100%{clip-path:inset(0 0 80% 0)}}.intro-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#a7f3d0;color:#06261f;font-weight:900;border:1px solid #34d399;box-shadow:0 0 10px rgba(0,255,166,0.45)}.intro-typer{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:clamp(16px, 2.6vw, 22px);color:#9be8c7;line-height:1.7}.intro-typer .cursor{display:inline-block;width:10px;background:#22d3ee;margin-left:2px;animation:cursorBlink .85s steps(1,end) infinite;height:1.1em;vertical-align:-3px;box-shadow:0 0 12px #22d3ee}@keyframes cursorBlink{0%, 48%{opacity:1}52%, 100%{opacity:0}}.intro-actions{display:flex;gap:10px;margin-top:8px}.intro-btn{height:42px;padding:0 16px;border-radius:10px;border:1px solid rgba(0,255,166,0.45);color:#001219;background:linear-gradient(90deg, #16a34a, #10b981);font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(0,255,166,0.25)}.intro-btn.ghost{background:rgba(255,255,255,0.04);color:#e2e8f0;border-color:rgba(168,85,247,0.55)}.intro-note{font-size:12px;color:#93c5fd;opacity:.9}.intro-aurora{position:fixed;inset:0;z-index:-1;background:radial-gradient(800px 400px at 20% 10%, rgba(16,185,129,0.14), transparent 60%), radial-gradient(900px 420px at 80% 20%, rgba(59,130,246,0.12), transparent 60%), radial-gradient(700px 360px at 50% 90%, rgba(168,85,247,0.14), transparent 60%), linear-gradient(180deg, #061018 0%, #08131c 100%);filter:saturate(1.05) blur(0.2px);animation:auroraShift 18s ease-in-out infinite alternate}@keyframes auroraShift{to{filter:hue-rotate(8deg) saturate(1.08);transform:scale(1.02)}}.intro-matrix{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;filter:blur(0.6px) saturate(1.08);opacity:.35}.intro-no-scroll{overflow:hidden !important}.intro-overlay::after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 700px at 50% 110%, rgba(0,0,0,0.45), transparent 60%), repeating-linear-gradient(180deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 3px);mix-blend-mode:overlay;opacity:.18;pointer-events:none}body.cv-only #cvPanel{max-width:1200px;margin:24px auto}.lang-dd{position:relative}.lang-btn{display:flex;align-items:center;gap:8px;padding:12px 12px;border:1px solid var(--border);background:rgba(255,255,255,0.02);color:var(--text);border-radius:12px;cursor:pointer;font-weight:800}.flag-img{width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,0.10) inset}.lang-list{position:absolute;right:0;top:110%;background:#0b1220;border:1px solid var(--border);border-radius:12px;padding:8px;display:none;gap:6px;min-width:380px;max-width:720px;box-shadow:0 12px 28px rgba(0,0,0,0.45);z-index:30;max-height:60vh;overflow:auto;grid-template-columns:repeat(2, minmax(180px, 1fr))}.lang-dd.open .lang-list{display:grid}@media (min-width:900px){.lang-dd.open .lang-list{grid-template-columns:repeat(3, minmax(180px, 1fr))}}.lang-dd.open .lang-list{display:grid}.lang-list[hidden]{display:none !important}.lang-list li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--text);justify-content:space-between;border:1px solid rgba(148,163,184,0.25);background:rgba(255,255,255,0.02)}.lang-list li:hover{background:rgba(255,255,255,0.06);border-color:rgba(148,163,184,0.45);box-shadow:0 0 0 2px rgba(148,163,184,0.18)}.lang-list li:active{transform:translateY(0.5px)}.lang-section{grid-column:1 / -1;color:#94a3b8;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:4px 2px;padding:6px 4px;border-bottom:1px dashed rgba(148,163,184,0.35)}.lang-item{display:flex;align-items:center;gap:8px}.code-badge{font-size:12px;opacity:.9;background:rgba(255,255,255,0.10);padding:3px 8px;border-radius:8px;border:1px solid rgba(255,255,255,0.14);font-weight:800}.lang-btn .lang-label{display:inline-flex;align-items:center;gap:6px}.lang-btn .lang-label{font-size:14px}.audio-bar .ab-btn{width:40px;height:44px;font-size:18px;border-radius:12px}.audio-bar .ab-btn.ghost{padding:0 12px;height:44px}.audio-bar .ab-title, .audio-bar .ab-label{font-size:14px;font-weight:700}.lang-backdrop{position:fixed;inset:0;background:transparent;z-index:20}.cert-grid{display:grid;grid-template-columns:1fr;gap:10px}.cert-item{display:flex;align-items:center;gap:10px}.cert-check{display:flex;align-items:center;justify-content:center}.cert-check input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:6px;border:2px solid rgba(148,163,184,0.45);background:rgba(255,255,255,0.02);cursor:pointer;position:relative;transition:all .15s ease}.cert-check input:hover{border-color:rgba(0,255,166,0.65);box-shadow:0 0 0 3px rgba(0,255,166,0.15)}.cert-check input:checked{background:linear-gradient(135deg, #16a34a, #10b981);border-color:#34d399;box-shadow:0 6px 16px rgba(16,185,129,0.35)}.cert-check input:checked::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#001219;font-weight:900;font-size:14px}.cert{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;text-decoration:none;color:var(--text);background:rgba(255,255,255,0.02);border:1px solid rgba(148,163,184,0.25);box-shadow:var(--shadow);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, filter .15s ease;flex:1}.cert img{width:48px;height:48px;object-fit:cover;border-radius:10px;border:1px solid rgba(148,163,184,0.35);box-shadow:0 0 12px rgba(168,85,247,0.25)}.cert span{font-weight:900}.cert:hover{transform:translateY(-1px);border-color:rgba(0,255,166,0.45);box-shadow:0 10px 26px rgba(0,0,0,0.45), 0 0 18px rgba(0,255,166,0.25);filter:saturate(1.05)}.cert-item.selected .cert{border-color:#34d399;box-shadow:0 14px 34px rgba(0,0,0,0.5), 0 0 0 1px rgba(52,211,153,0.35) inset, 0 0 26px rgba(16,185,129,0.35)}.cert-item.selected .cert span{color:#a7f3d0}.panel .card-actions{display:flex;gap:10px;justify-content:flex-start}.cv-left{display:flex;flex-direction:column}.certs-tall{flex:1;display:flex;flex-direction:column;position:relative;height:100%;grid-area:certs}.certs-tall .panel-b{flex:1;overflow:auto;max-height:var(--certs-max, calc(100vh - 240px));position:relative}.certs-tall .panel-b{scrollbar-width:auto;scrollbar-color:rgba(0,255,166,0.8) rgba(3,7,18,0.4)}.certs-tall .panel-b::-webkit-scrollbar{width:12px}.certs-tall .panel-b::-webkit-scrollbar-track{background:linear-gradient(180deg, rgba(3,7,18,0.6), rgba(3,7,18,0.2));border-radius:12px}.certs-tall .panel-b::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #22d3ee, #10b981);border-radius:12px;box-shadow:0 0 0 2px rgba(11,18,32,0.8) inset, 0 0 12px rgba(16,185,129,0.45)}.certs-tall .panel-b::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #38bdf8, #34d399)}.certs-tall .panel-b::before, .certs-tall .panel-b::after{content:"";position:sticky;left:0;right:0;height:14px;display:block;z-index:2;pointer-events:none}.certs-tall .panel-b::before{top:0;background:linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0))}.certs-tall .panel-b::after{bottom:0;background:linear-gradient(0deg, rgba(0,0,0,0.35), rgba(0,0,0,0))}body.dark .certs-tall::before{content:"";position:absolute;inset:-1px;border-radius:12px;pointer-events:none;box-shadow:0 0 14px rgba(239,68,68,0.35), 0 0 30px rgba(239,68,68,0.25)}.cv-bottom{grid-area:bottom;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}.cv-bottom > .panel{display:flex;flex-direction:column;min-height:260px}.cv-bottom > .panel .panel-b{flex:1;overflow:auto}.lightbox{position:fixed;inset:0;display:grid;place-items:center;z-index:80}.lightbox[hidden]{display:none}.lb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(2px)}.lb-dialog{position:relative;max-width:min(92vw, 1200px);max-height:88vh;background:radial-gradient(100% 100% at 0% 0%, rgba(91,33,182,0.35), transparent 60%), rgba(10,15,25,0.95);border:1px solid rgba(168,85,247,0.45);border-radius:14px;padding:10px;box-shadow:0 22px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(168,85,247,0.22) inset, 0 0 26px rgba(168,85,247,0.35)}.lb-dialog img{display:block;max-width:100%;max-height:80vh;border-radius:8px}.lb-close{position:absolute;top:8px;right:8px;border:0;background:rgba(255,255,255,0.08);color:#e9d5ff;width:34px;height:34px;border-radius:8px;cursor:pointer;box-shadow:0 0 12px rgba(168,85,247,0.45)}.profile{display:flex;flex-direction:column;align-items:center;padding:18px;gap:12px}.profile-img{border-radius:999px;border:3px solid var(--accent);box-shadow:0 1px 8px rgba(16,185,129,0.25)}.profile-title{margin:0;color:#0f172a;opacity:0.85}body.dark .profile-title{color:var(--text);opacity:.9}.check-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.check{display:inline-block;width:22px;height:22px;margin-right:8px;line-height:22px;text-align:center;color:#059669;background:#d1fae5;border-radius:999px;font-weight:800}.audio-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:14px 18px;background:#ffffffee;border:1px solid #e6ebf2;border-radius:16px;box-shadow:0 16px 36px rgba(15,23,42,0.16);backdrop-filter:blur(10px);width:clamp(720px, 96vw, 1400px);z-index:60}.ab-btn{width:40px;height:40px;border-radius:10px;border:1px solid #e6ebf2;background:#fff;cursor:pointer;font-weight:800;color:#0f172a}body.dark .audio-bar{background:rgba(15,23,42,0.88);border:1px solid var(--border);box-shadow:var(--shadow-lg);backdrop-filter:none}body.dark .ab-btn{background:var(--card);color:var(--text);border:1px solid var(--border)}.ab-meta{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.ab-title{font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.ab-timeline{display:flex;align-items:center;gap:10px}.ab-range{flex:1;height:8px;background:transparent}.ab-time{font-size:12px;color:#c4b5fd;min-width:46px;text-align:center}.ab-menu .ab-range{appearance:none;-webkit-appearance:none;height:10px;background:linear-gradient(90deg, rgba(168,85,247,0.35), rgba(139,92,246,0.35));border-radius:999px;box-shadow:inset 0 0 0 1px rgba(168,85,247,0.4), 0 0 14px rgba(168,85,247,0.25)}.ab-menu .ab-range::-webkit-slider-runnable-track{height:10px;background:linear-gradient(90deg, rgba(168,85,247,0.35), rgba(139,92,246,0.35));border-radius:999px}.ab-menu .ab-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #f5f3ff, #e9d5ff 60%, #a78bfa 100%);box-shadow:0 0 18px rgba(168,85,247,0.85), 0 0 8px rgba(168,85,247,0.55);margin-top:-4px;border:1px solid rgba(255,255,255,0.35)}.ab-menu .ab-range::-moz-range-track{height:10px;background:linear-gradient(90deg, rgba(168,85,247,0.35), rgba(139,92,246,0.35));border-radius:999px}.ab-menu .ab-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%, #f5f3ff, #e9d5ff 60%, #a78bfa 100%);box-shadow:0 0 18px rgba(168,85,247,0.85), 0 0 8px rgba(168,85,247,0.55);border:1px solid rgba(255,255,255,0.35)}.ab-menu .ab-vol{margin-top:8px}.ab-menu .ab-label{color:#c4b5fd}.ab-menu .ab-select{background:rgba(15,23,42,0.6);color:#e9d5ff;border-color:rgba(168,85,247,0.45);box-shadow:0 0 0 1px rgba(168,85,247,0.2) inset}.ab-vol{display:flex;align-items:center;gap:8px}.ab-range.vol{width:160px}.aw-vert{display:none}.aw-range.vertical{display:none}.audio-bar.top-right{left:auto;right:18px;top:14px;bottom:auto;transform:none;width:auto;padding:8px 10px;gap:10px;border-radius:12px}.audio-bar.top-right .ab-left{display:flex;gap:8px}.audio-bar.top-right .ab-meta.mini{min-width:0;gap:0}.audio-bar.top-right .ab-title{color:var(--text);font-size:14px;max-width:280px}.audio-bar.top-right .ab-btn{width:34px;height:34px;border-radius:8px;font-weight:700}.audio-bar.top-right .ab-select, .audio-bar.top-right .ab-range{width:100%}.audio-bar.inline{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:auto;padding:6px 8px;gap:8px;border-radius:10px;background:transparent;border:0;box-shadow:none;z-index:62}.audio-bar.inline .ab-btn{width:30px;height:30px;border-radius:8px}.audio-bar.inline .ab-meta.mini .ab-title{font-size:13px;opacity:.9}.audio-bar.inline #audioMenuBtn{width:auto;height:30px;padding:0 10px;white-space:nowrap;font-weight:800}@media print{html, body{margin:0 !important}html::before, html::after, body::before, body::after{content:none !important}main.container{break-before:avoid !important}#cvPanel{break-before:avoid !important;page-break-before:avoid !important}@page{size:A4 portrait;margin:4mm}html, body{background:#fff !important;color:#0b1220 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10.8px}body > *{display:none !important}main.container{display:block !important}main.container .grid-2.cv-layout{display:block !important}#cvPanel{display:block !important}.bg-anim, .bg-anim-light, .tabs, .nav, .accordion, .lightbox, .cv-toolbar, .audio-bar{display:none !important}.certs-tall, .cert-grid, .cert{display:none !important}#cvPanel .cv-section:has(.cert-grid){display:none !important}main.container{padding:0 !important;margin:0 !important}.grid-2.cv-layout{grid-template-columns:1fr !important;grid-template-areas:'cv' !important}#cvPanel{width:200mm;margin:0 auto !important;box-shadow:none !important;border:1px solid #e5e7eb !important;background:#ffffff !important;color:#0b1220 !important;box-sizing:border-box;page-break-after:avoid}#cvPanel .cv-top, #cvPanel .cv-section{background:#ffffff !important;border-color:#e5e7eb !important;box-shadow:none !important}#cvPanel .cv-role{color:#334155 !important}#cvPanel, #cvPanel *{color:#0b1220 !important}#cvPanel .muted, #cvPanel .cv-desc, #cvPanel .proj-desc, #cvPanel .tl-desc{color:#334155 !important}#cvPanel a, #cvPanel .proj-link, #cvPanel .cv-contacts a{color:#0b1220 !important;text-decoration:underline !important}#cvPanel .badge{background:#e2e8f0 !important;color:#0b1220 !important}#cvPanel .meta{background:#e2e8f0 !important;color:#0b1220 !important;border-color:#cbd5e1 !important;box-shadow:none !important}#cvPanel .chip, #cvPanel .tag{background:#ffffff !important;border-color:#e5e7eb !important;color:#0b1220 !important}#cvPanel .cv-top{padding:6px 8px !important}#cvPanel .cv-top .cv-title-group{gap:6px !important}#cvPanel .cv-body{padding:6px 8px 8px !important;gap:6px !important}#cvPanel .cv-body.cv-two{grid-template-columns:48mm 1fr !important;gap:6px !important}#cvPanel .cv-section{padding:6px !important;border-radius:6px !important}#cvPanel .cv-section h3{margin-bottom:4px !important;font-size:12px !important;color:#0f172a !important}#cvPanel .cv-name{font-size:17px !important;line-height:1.12 !important;margin:0 !important;color:#0b1220 !important}#cvPanel .cv-role{font-size:10px !important;color:#475569 !important;margin:0 !important}.contact-card .cv-photo{width:22mm !important;height:22mm !important;border-width:1px !important}.contact-title{font-size:12px !important}.cv-contacts.list{gap:3px !important;font-size:10px !important}.chip{padding:3px 6px !important;font-size:9.5px !important}.hi-list{grid-template-columns:1fr 1fr !important;gap:3px !important}.hi-list li{padding:4px 5px !important;font-size:10.5px !important}.timeline{gap:6px !important}.cv-section.experience .tl-item{padding:5px 7px 5px 18px !important}.tl-meta{font-size:10.5px !important}.cv-section .hobby-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:6px !important}.hobby-card{padding:8px !important}.hobby-title{font-size:13px !important}.hobby-desc{font-size:10px !important}#cvPanel .cv-name, #cvPanel .cv-role{display:none !important}.cv-mini-id{display:block !important;padding:4px 2px 4px !important}.tl-item, .hi-list li, .cv-section.edu-certs .cv-list li, .hobby-card{background:#fff !important;border-color:#e5e7eb !important;box-shadow:none !important}#cvPanel, #cvPanel .cv-section, #cvPanel .timeline, #cvPanel .hobby-grid, #cvPanel .cv-side, #cvPanel .cv-main{break-inside:avoid;page-break-inside:avoid}#cvPanel .panel, #cvPanel .cv-bottom > .panel{min-height:auto !important}#cvPanel *:last-child{margin-bottom:0 !important}#cvPanel{page-break-after:avoid}#cvPanel .panel{page-break-inside:avoid}a{color:#0b1220 !important;text-decoration:underline !important}p, li, .section-text, .proj-desc, .cv-desc, .acc-list, .acc-heading{color:#0b1220 !important}.muted, .meta{color:#334155 !important}.card, .panel, .proj-card, .hobby-card, .tab, .chip, .tag{background:#ffffff !important;border-color:#e5e7eb !important;box-shadow:none !important;filter:none !important}.card-h, .panel-h{background:#ffffff !important;border-color:#e5e7eb !important}.card, .panel{break-inside:avoid;page-break-inside:avoid}table{width:100% !important;border-collapse:collapse !important}th, td{border:1px solid #e5e7eb !important;padding:6px 8px !important;color:#0b1220 !important}th{background:#f1f5f9 !important;font-weight:800 !important}tr:nth-child(even) td{background:#fafafa !important}img{filter:none !important}*, *::before, *::after{animation:none !important;transition:none !important}.hero-title::after{background:#e5e7eb !important;box-shadow:none !important}.hero-grad, body.dark .hero-grad{color:#0b1220 !important;text-shadow:none !important;-webkit-text-stroke:0 !important;background:none !important;-webkit-text-fill-color:#0b1220 !important}}.ab-menu{position:absolute;right:0;top:calc(100% + 8px);background:radial-gradient(120% 120% at 0% 0%, rgba(91,33,182,0.35), transparent 60%), linear-gradient(180deg, #0f172a, #0b1220);border:1px solid rgba(168,85,247,0.45);border-radius:14px;padding:14px;box-shadow:0 18px 44px rgba(0,0,0,0.5), 0 0 0 1px rgba(168,85,247,0.22) inset, 0 0 22px rgba(168,85,247,0.35);width:460px;z-index:1000;backdrop-filter:blur(6px)}.ab-menu .ab-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ab-menu .ab-label{color:var(--muted);font-size:13px}.ab-select{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.ab-now{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ab-cover{width:40px;height:40px;border-radius:8px;box-shadow:0 8px 24px rgba(168,85,247,0.45), inset 0 0 0 1px rgba(255,255,255,0.1);background:linear-gradient(135deg, #22d3ee, #a78bfa)}.ab-now-title{font-weight:900;color:#e9d5ff;font-size:16px;text-shadow:0 0 8px rgba(168,85,247,0.65), 0 0 16px rgba(168,85,247,0.45)}@media (max-width:700px){.audio-bar.top-right{right:10px;left:10px;width:auto;justify-content:space-between}.ab-menu{width:94vw;right:0;left:0;margin:0 auto}}input.aw-range.vertical{writing-mode:bt-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;height:120px;width:16px;transform:none}.pulse{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,0.5)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.fx3d{position:fixed;inset:0;z-index:-1;pointer-events:none}.fx3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.fx3d{display:none}}@media (max-width:780px){.container{padding:16px}.container-xl{padding-left:12px;padding-right:12px}.grid-2{grid-template-columns:1fr;gap:16px}.panel-h{padding:14px}.panel-b{padding:14px}.tabs{padding:10px 12px;overflow-x:auto}.tabs::before, .tabs::after{content:"";flex:0 0 6px}.profile{padding:14px;gap:10px}.profile-img{width:160px;height:160px}.acc-title{font-size:18px}.acc-heading{font-size:20px}.acc-list{gap:16px;font-size:16px;line-height:1.55}.acc-content{padding:20px 18px 140px}}@media (max-width:520px){.container{padding:12px}.grid-2{gap:12px}.acc-head{padding:14px 14px}.acc-title{font-size:17px}.acc-content{padding:18px 14px 120px}.cards{gap:14px}.card{border-radius:12px}.card-img{aspect-ratio:16/9;object-fit:cover;max-width:100%;height:auto}img{max-width:100%;height:auto}.audio-bar{width:94vw;left:50%;transform:translateX(-50%);bottom:10px;gap:10px;padding:10px 12px}.ab-btn{width:36px;height:36px}.ab-title{font-size:14px}.ab-time{font-size:11px;min-width:42px}.ab-range.vol{width:110px}main.container{padding-bottom:180px}.hero-banner{padding:18px 0 12px}.hero-title{margin-top:6px}}