:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: #161b22;--bg-card-hover: #1c2333;--glass-border: #30363d;--gold: #f5c518;--gold-dim: rgba(245,197,24,.15);--cyan: #00d4aa;--cyan-dim: rgba(0,212,170,.12);--text: #e8eaf0;--text-muted: #6b7280;--text-dim: #3d4555;--danger: #ef4444;--success: #22c55e;--radius: 12px;--radius-sm: 8px;--transition: .3s cubic-bezier(.4,0,.2,1);--font-body: "Inter", system-ui, sans-serif;--font-heading: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul{list-style:none}img,svg{display:block;max-width:100%}input{font-family:inherit;border:none;outline:none;background:none;color:inherit}#particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5}.container{max-width:1120px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.section{padding:16px 0}.section-label{font-family:var(--font-heading);font-size:.8rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:10px}.section-label:before{content:"";width:28px;height:2px;background:var(--gold);border-radius:2px}.section-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1.2;margin-bottom:10px}.section-subtitle{color:var(--text-muted);font-size:1.05rem;max-width:560px;line-height:1.7}.gradient-text{background:linear-gradient(135deg,var(--gold),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color var(--transition)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:var(--transition)}.nav.scrolled{background:#0d1117eb;backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.nav .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:10px;transition:var(--transition)}.nav-logo:hover{opacity:.85}.nav-logo .logo-icon{display:flex;align-items:center;background:linear-gradient(135deg,#f5c5181f,#00d4aa1f);padding:6px;border-radius:10px;border:1px solid rgba(245,197,24,.2)}.nav-logo .logo-hex{background:linear-gradient(135deg,var(--gold),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gold);transition:var(--transition)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{width:100%}.nav-cta{padding:8px 20px;border-radius:99px;font-size:.85rem;font-weight:600;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;transition:var(--transition)}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f0b90b4d}.mobile-toggle{display:none;flex-direction:column;gap:5px;width:28px}.mobile-toggle span{height:2px;background:var(--text);border-radius:2px;transition:var(--transition)}.hero{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:64px 0 0}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:99px;font-size:.8rem;font-weight:500;color:var(--gold);border:1px solid var(--gold-dim);background:var(--gold-dim);margin-bottom:16px;animation:fadeInDown .8s ease}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}.hero h1{font-family:var(--font-heading);font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;line-height:1.1;margin-bottom:4px;animation:fadeInUp .8s ease}.hero p{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-muted);max-width:540px;margin:0 auto;line-height:1.7;animation:fadeInUp .8s ease .15s both}.hero-buttons{display:flex;gap:16px;justify-content:center;animation:fadeInUp .8s ease .3s both}.btn-primary{padding:14px 36px;border-radius:99px;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;transition:var(--transition);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f0b90b59}.btn-secondary{padding:14px 36px;border-radius:99px;font-size:.95rem;font-weight:600;border:1px solid var(--glass-border);color:var(--text);transition:var(--transition)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.floating-hex{position:absolute;font-family:Outfit,monospace;font-weight:700;opacity:.06;color:var(--gold);pointer-events:none;animation:float 8s ease-in-out infinite}.floating-hex:nth-child(1){font-size:6rem;top:10%;left:8%;animation-delay:0s}.floating-hex:nth-child(2){font-size:4rem;top:20%;right:10%;animation-delay:1.5s}.floating-hex:nth-child(3){font-size:5rem;bottom:20%;left:12%;animation-delay:3s}.floating-hex:nth-child(4){font-size:3.5rem;bottom:30%;right:15%;animation-delay:4.5s}.floating-hex:nth-child(5){font-size:7rem;top:50%;left:50%;transform:translate(-50%);animation-delay:2s}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;animation:fadeInUp 1s ease .6s both}.scroll-arrow{width:20px;height:32px;border:2px solid var(--text-dim);border-radius:12px;position:relative}.scroll-arrow:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:3px;height:8px;border-radius:3px;background:var(--gold);animation:scrollBounce 2s infinite}.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.converter-card{padding:40px;position:relative;overflow:hidden}.converter-card:before{content:"";position:absolute;top:-60%;right:-60%;width:200%;height:200%;background:radial-gradient(circle,var(--gold-dim) 0%,transparent 60%);pointer-events:none}.converter-card h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;margin-bottom:24px}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:.82rem;font-weight:500;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px}.input-field{width:100%;padding:16px 20px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--glass-border);font-size:1.2rem;font-weight:600;transition:var(--transition);letter-spacing:1px}.input-field:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.input-field.error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.input-error{font-size:.8rem;color:var(--danger);margin-top:6px;display:none}.input-field.error~.input-error{display:block}.result-display{padding:20px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f0b90b0f,#00d4ff0f);border:1px solid rgba(240,185,11,.15);text-align:center;margin-bottom:20px}.result-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.result-value{font-family:Outfit,monospace;font-size:2.4rem;font-weight:700;min-height:48px;word-break:break-all;color:var(--cyan)}.result-prefix{color:var(--text-muted);font-weight:400}.btn-copy.copied{border-color:var(--success);color:var(--success);animation:checkPulse .4s ease}@keyframes checkPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.btn-row{display:flex;gap:10px}.btn-row button{flex:1;padding:12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;transition:var(--transition)}.btn-copy{background:var(--bg-card-hover);border:1px solid var(--glass-border)}.btn-copy:hover{border-color:var(--cyan);color:var(--cyan)}.btn-copy.copied{border-color:var(--success);color:var(--success)}.btn-visualize{background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;padding:12px 28px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase;border:none;cursor:pointer;transition:var(--transition);box-shadow:0 2px 12px #f5c51840}.btn-visualize:hover{box-shadow:0 6px 28px #f0b90b73;transform:translateY(-2px);background:linear-gradient(135deg,#ffd43b,var(--gold))}.btn-visualize:active{transform:translateY(0);box-shadow:0 2px 8px #f0b90b4d}.info-panel{padding:40px}.info-panel h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;margin-bottom:20px}.info-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--glass-border)}.info-item:last-child{border-bottom:none}.info-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.info-icon.gold{background:var(--gold-dim);color:var(--gold)}.info-icon.cyan{background:var(--cyan-dim);color:var(--cyan)}.info-item h4{font-size:.95rem;font-weight:600;margin-bottom:2px}.info-item p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.diagram-wrapper{margin-top:24px}.diagram-controls{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.diagram-controls button{padding:10px 20px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;transition:var(--transition);border:1px solid var(--glass-border);background:var(--bg-card)}.diagram-controls button:hover{border-color:var(--gold);color:var(--gold)}.diagram-controls button.active{background:var(--gold);color:#0a0e1a;border-color:var(--gold)}.diagram-controls .speed-control{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:.82rem;color:var(--text-muted)}.speed-slider{-webkit-appearance:none;width:100px;height:4px;border-radius:4px;background:var(--glass-border);outline:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);cursor:pointer}.diagram-area{min-height:300px;padding:32px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#0003;position:relative;overflow:hidden}.diagram-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;color:var(--text-dim);text-align:center;gap:12px}.diagram-placeholder svg{width:48px;height:48px;opacity:.4}.diagram-placeholder p{font-size:.95rem}.diagram-steps{display:flex;flex-direction:column;gap:16px}.diagram-step{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--glass-border);opacity:0;transform:translate(-30px);transition:all .5s cubic-bezier(.4,0,.2,1)}.diagram-step.visible{opacity:1;transform:translate(0)}.step-number{width:32px;height:32px;border-radius:50%;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.step-math{font-family:Outfit,monospace;font-size:1.05rem;font-weight:500;flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step-math .op{color:var(--text-muted)}.step-math .val{color:var(--text)}.step-math .remainder-val{color:var(--gold);font-weight:700}.step-arrow{color:var(--text-dim);font-size:1.1rem}.step-hex{padding:4px 14px;border-radius:8px;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;font-family:Outfit,monospace;font-size:1.1rem;font-weight:700;flex-shrink:0}.diagram-result{margin-top:24px;padding:24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f0b90b14,#00d4ff14);border:1px solid rgba(240,185,11,.2);text-align:center;opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.diagram-result.visible{opacity:1;transform:scale(1)}.diagram-result-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px}.diagram-result-chars{display:flex;justify-content:center;gap:8px}.hex-char{width:52px;height:60px;border-radius:10px;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;display:flex;align-items:center;justify-content:center;font-family:Outfit,monospace;font-size:1.6rem;font-weight:800;opacity:0;transform:translateY(20px) rotateX(90deg);transition:all .4s cubic-bezier(.4,0,.2,1)}.hex-char.visible{opacity:1;transform:translateY(0) rotateX(0)}.hex-char.dot{background:none;color:var(--gold);width:20px;font-size:2rem}.diagram-result .prefix{font-family:Outfit,monospace;font-size:1.6rem;font-weight:400;color:var(--text-muted);display:flex;align-items:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.how-card{padding:32px;transition:var(--transition);position:relative;overflow:hidden}.how-card:hover{transform:translateY(-4px);border-color:#f0b90b33}.how-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--cyan));transform:scaleX(0);transition:var(--transition);transform-origin:left}.how-card:hover:after{transform:scaleX(1)}.how-number{font-family:var(--font-heading);font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.how-card h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;margin-bottom:10px}.how-card p{font-size:.9rem;color:var(--text-muted);line-height:1.7}.hex-table-wrapper{margin-top:48px}.hex-table-wrapper h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.hex-table{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;max-width:640px;margin:0 auto}.hex-cell{padding:14px 8px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--glass-border);text-align:center;transition:var(--transition);cursor:default}.hex-cell:hover{border-color:var(--gold);transform:translateY(-2px);background:var(--bg-card-hover)}.hex-cell .dec{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.hex-cell .hex{font-family:Outfit,monospace;font-size:1.1rem;font-weight:700;color:var(--gold)}.conversions-table{width:100%;margin-top:32px;border-collapse:separate;border-spacing:0 6px}.conversions-table th{text-align:left;padding:12px 20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.conversions-table td{padding:14px 20px;background:var(--bg-card);font-size:.95rem;transition:var(--transition)}.conversions-table tr td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.conversions-table tr td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.conversions-table tbody tr:hover td{background:var(--bg-card-hover)}.conversions-table .mono{font-family:Outfit,monospace;font-weight:600;color:var(--gold)}.conversions-table .use-btn{padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid var(--glass-border);transition:var(--transition);background:transparent}.conversions-table .use-btn:hover{border-color:var(--gold);color:var(--gold)}.faq-list{margin-top:24px;max-width:760px}.faq-item{border-bottom:1px solid var(--glass-border)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:1rem;font-weight:500;text-align:left;transition:var(--transition)}.faq-question:hover{color:var(--gold)}.faq-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0;font-size:.85rem}.faq-item.open .faq-icon{background:var(--gold);color:#0a0e1a;border-color:var(--gold);transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.faq-answer-inner{padding:0 0 20px;font-size:.92rem;color:var(--text-muted);line-height:1.8}.site-footer{position:relative;z-index:1}.footer-main{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:48px 0 32px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}.footer-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:14px;transition:var(--transition)}.footer-logo:hover{opacity:.8}.footer-logo-icon{display:flex}.footer-desc{font-size:.88rem;color:var(--text-muted);line-height:1.7;margin-bottom:20px}.footer-social-links{display:flex;gap:10px}.social-link{width:36px;height:36px;border-radius:10px;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--transition)}.social-link:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 16px #f5c51826}.footer-heading{font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--text);margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:.88rem;color:var(--text-muted);transition:var(--transition)}.footer-links a:hover{color:var(--gold);padding-left:4px}.footer-contact-list{display:flex;flex-direction:column;gap:14px}.footer-contact-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--text-muted)}.footer-contact-list a{color:var(--text-muted);transition:var(--transition)}.footer-contact-list a:hover{color:var(--gold)}.footer-pages{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border)}.footer-pages a{font-size:.85rem;color:var(--text-muted);transition:var(--transition)}.footer-pages a:hover{color:var(--gold)}.footer-bottom-bar{background:#0000004d;padding:18px 0;text-align:center}.footer-bottom-bar p{font-size:.82rem;color:var(--text-muted)}.footer-bottom-bar a{color:var(--gold);font-weight:500;transition:var(--transition)}.footer-bottom-bar a:hover{color:var(--cyan)}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;display:flex;align-items:center;justify-content:center;z-index:90;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 20px #f5c5184d;cursor:pointer;border:none}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 32px #f5c51866}.nav-right{display:flex;align-items:center;gap:12px}.logo-icon{display:flex;align-items:center}.logo-text{font-family:var(--font-heading);font-size:1.2rem;font-weight:700}.logo-highlight{background:linear-gradient(135deg,var(--gold),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.converter-fullwidth{max-width:1280px}.page-hero{padding:120px 0 36px;text-align:center;position:relative}.page-hero h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin-bottom:16px}.page-hero p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.7}.page-section{padding:60px 0}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.page-card{padding:36px;transition:var(--transition)}.page-card:hover{transform:translateY(-4px);border-color:#f5c51833}.page-card h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;margin-bottom:12px}.page-card p{font-size:.92rem;color:var(--text-muted);line-height:1.7}.page-content{max-width:760px;margin:0 auto}.page-content p{font-size:1.02rem;color:var(--text-muted);line-height:1.8;margin-bottom:18px}.page-content h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:40px 0 16px}.page-content h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;margin:28px 0 12px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.blog-card{overflow:hidden;transition:var(--transition)}.blog-card:hover{transform:translateY(-6px);border-color:#f5c51840;box-shadow:0 12px 40px #f5c51814}.blog-card-img{height:180px;background:linear-gradient(135deg,var(--gold-dim),var(--cyan-dim));display:flex;align-items:center;justify-content:center;font-size:2.5rem}.blog-card-body{padding:24px}.blog-card-tag{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold);margin-bottom:10px}.blog-card-body h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin-bottom:8px;line-height:1.4}.blog-card-body p{font-size:.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:12px}.blog-card-cta{font-size:.82rem;font-weight:600;color:var(--cyan);transition:var(--transition)}.blog-card:hover .blog-card-cta{color:var(--gold)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.contact-info{display:flex;flex-direction:column;gap:24px}.contact-item{display:flex;align-items:flex-start;gap:16px;padding:24px;transition:var(--transition)}.contact-item:hover{border-color:#f5c51833}.contact-icon{width:44px;height:44px;border-radius:12px;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-item h4{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:4px}.contact-item p,.contact-item a{font-size:.9rem;color:var(--text-muted)}.contact-item a:hover{color:var(--gold)}.contact-form{padding:36px}.contact-form h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;margin-bottom:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.82rem;font-weight:500;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:var(--transition);resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);outline:none}.form-group textarea{min-height:120px}.btn-submit{width:100%;padding:16px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;border:none;cursor:pointer;transition:var(--transition)}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 32px #f0b90b59}.footer{border-top:1px solid var(--glass-border);padding:40px 0;text-align:center;position:relative;z-index:1}.footer p{font-size:.85rem;color:var(--text-muted)}.footer a{color:var(--gold);font-weight:500;transition:var(--transition)}.footer a:hover{color:var(--cyan)}.badge-new{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:700;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;margin-left:8px;letter-spacing:1px;animation:pulse 2s infinite;vertical-align:middle}.mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.mb-card{padding:40px;position:relative;overflow:hidden}.mb-card:before{content:"";position:absolute;top:-60%;left:-60%;width:200%;height:200%;background:radial-gradient(circle,var(--cyan-dim) 0%,transparent 60%);pointer-events:none}.mb-card h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;margin-bottom:24px}.mb-selectors{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.mb-select-group{flex:1}.mb-select-group label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.mb-select{width:100%;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--glass-border);color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:500;transition:var(--transition);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mb-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);outline:none}.mb-select option{background:var(--bg-secondary);color:var(--text);padding:10px 14px;font-size:.9rem;border-bottom:1px solid var(--glass-border)}.mb-swap-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0a0e1a;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);border:none;cursor:pointer}.mb-swap-btn:hover{transform:rotate(180deg) scale(1.1);box-shadow:0 4px 20px #f0b90b66}.mb-error{font-size:.8rem;color:var(--danger);margin-top:6px;display:none}.mb-error.visible{display:block}.mb-result-box{padding:20px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#00d4aa0f,#00d4ff0f);border:1px solid rgba(0,212,170,.2);text-align:center;margin-bottom:16px}.mb-result-value{font-family:Outfit,monospace;font-size:1.8rem;font-weight:700;color:#00d4aa;min-height:40px;word-break:break-all;margin-top:6px}.mb-bit-info{font-size:.82rem;color:var(--text-muted);margin-bottom:16px;font-family:Outfit,monospace;padding:8px 12px;border-radius:8px;background:#ffffff05;min-height:20px}.btn-clear-mb{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.btn-clear-mb:hover{background:#ef444433;border-color:#ef444466}.history-panel{padding:40px}.history-panel h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;margin-bottom:20px}.history-list{max-height:440px;overflow-y:auto;margin-bottom:16px}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.history-empty{text-align:center;padding:40px 20px;color:var(--text-dim);font-size:.92rem}.history-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);margin-bottom:8px;transition:var(--transition);animation:slideInDown .35s ease}.history-item:hover{background:var(--bg-card-hover);border-color:#f0b90b26}.history-item .hi-conv{flex:1;font-size:.88rem;line-height:1.4}.history-item .hi-from{color:var(--gold);font-family:Outfit,monospace;font-weight:600}.history-item .hi-arrow{color:var(--text-dim);margin:0 4px}.history-item .hi-to{color:#00d4aa;font-family:Outfit,monospace;font-weight:600}.history-item .hi-time{font-size:.72rem;color:var(--text-dim);display:block;margin-top:2px}.history-item .hi-actions{display:flex;gap:4px;flex-shrink:0}.history-item .hi-btn{padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:600;border:1px solid var(--glass-border);background:transparent;color:var(--text-muted);transition:var(--transition);cursor:pointer}.history-item .hi-btn:hover{border-color:var(--gold);color:var(--gold)}.btn-clear-history{width:100%;padding:10px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;border:1px solid rgba(239,68,68,.2);background:#ef44440f;color:var(--danger);transition:var(--transition);cursor:pointer}.btn-clear-history:hover{background:#ef444426;border-color:#ef44444d}.nav-links-mobile{position:fixed;inset:0;background:#0d1117f2;backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:99;opacity:0;pointer-events:none;transition:var(--transition)}.nav-links-mobile.open{opacity:1;pointer-events:all}.nav-links-mobile a{font-size:1.4rem;font-weight:600;color:var(--text);transition:var(--transition)}.nav-links-mobile a:hover{color:var(--gold)}.reveal{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal.revealed{opacity:1;transform:translateY(0)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(8px);opacity:.4}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--gold-dim)}50%{box-shadow:0 0 40px var(--gold-dim),0 0 60px #f0b90b1a}}.content-block{max-width:760px;margin-top:28px}.content-block p{font-size:1.02rem;color:var(--text-muted);line-height:1.8;margin-bottom:16px}.content-subsection{margin-top:48px;max-width:760px}.content-subsection h3{font-family:var(--font-heading);font-size:1.35rem;font-weight:600;margin-bottom:14px;color:var(--text)}.content-subsection p{font-size:1rem;color:var(--text-muted);line-height:1.8;margin-bottom:14px}.interactive-card{padding:32px;margin-top:32px;position:relative;overflow:hidden}.interactive-card:before{content:"";position:absolute;top:-50%;right:-50%;width:180%;height:180%;background:radial-gradient(circle,var(--cyan-dim) 0%,transparent 55%);pointer-events:none;opacity:.5}.interactive-card h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;margin-bottom:20px;position:relative}.ic-input-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ic-input-row label{font-size:.82rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.ic-input-row .input-field{max-width:220px;padding:10px 16px;font-size:1rem}.base-comp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.base-comp-card{padding:18px 14px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--glass-border);text-align:center;transition:var(--transition)}.base-comp-card:hover{border-color:var(--gold);transform:translateY(-3px)}.base-comp-card .bc-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:6px}.base-comp-card .bc-prefix{font-size:.8rem;color:var(--text-dim);font-family:Outfit,monospace}.base-comp-card .bc-value{font-family:Outfit,monospace;font-size:1.3rem;font-weight:700;color:var(--cyan);word-break:break-all;margin-top:4px}.base-comp-card.active{border-color:var(--gold);background:var(--gold-dim)}.base-comp-card.active .bc-value{color:var(--gold)}.pv-digits{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.pv-digit-box{width:64px;padding:12px 8px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--glass-border);text-align:center;cursor:pointer;transition:var(--transition)}.pv-digit-box:hover,.pv-digit-box.active{border-color:var(--gold);background:var(--gold-dim);transform:translateY(-4px)}.pv-digit-box .pv-char{font-family:Outfit,monospace;font-size:1.6rem;font-weight:700;color:var(--text)}.pv-digit-box .pv-power{font-size:.65rem;color:var(--text-muted);margin-top:4px}.pv-digit-box:hover .pv-char,.pv-digit-box.active .pv-char{color:var(--gold)}.pv-expansion{text-align:center;font-family:Outfit,monospace;font-size:1rem;color:var(--text-muted);line-height:2;padding:12px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--glass-border)}.pv-expansion .pv-highlight{color:var(--gold);font-weight:600}.pv-expansion .pv-op{color:var(--text-dim);margin:0 4px}.hex-explorer-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:16px}.hex-exp-cell{padding:14px 6px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--glass-border);text-align:center;cursor:pointer;transition:var(--transition)}.hex-exp-cell:hover,.hex-exp-cell.active{border-color:var(--gold);background:var(--gold-dim);transform:translateY(-3px)}.hex-exp-cell .he-dec{font-size:.7rem;color:var(--text-muted);margin-bottom:3px}.hex-exp-cell .he-hex{font-family:Outfit,monospace;font-size:1.15rem;font-weight:700;color:var(--cyan)}.hex-exp-cell:hover .he-hex,.hex-exp-cell.active .he-hex{color:var(--gold)}.hex-explorer-detail{padding:16px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--glass-border);min-height:60px;transition:var(--transition)}.hex-detail-placeholder{color:var(--text-dim);font-size:.9rem;text-align:center}.hex-detail-content{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}.hex-detail-item{font-size:.85rem;color:var(--text-muted)}.hex-detail-item strong{display:block;font-family:Outfit,monospace;font-size:1.1rem;color:var(--text);margin-bottom:2px}.div-demo-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.div-step{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--glass-border);animation:slideInDown .35s ease}.div-step .ds-num{width:30px;height:30px;border-radius:50%;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.div-step .ds-math{font-family:Outfit,monospace;font-size:1rem;flex:1;color:var(--text)}.div-step .ds-math .ds-op{color:var(--text-muted)}.div-step .ds-math .ds-rem{color:var(--gold);font-weight:700}.div-step .ds-hex{padding:4px 12px;border-radius:8px;background:linear-gradient(135deg,var(--gold),#e0a800);color:#0d1117;font-family:Outfit,monospace;font-size:1rem;font-weight:700;flex-shrink:0}.div-demo-result{padding:16px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#00d4aa0f,#f5c5180f);border:1px solid rgba(0,212,170,.2);text-align:center}.div-demo-result .ddr-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:6px}.div-demo-result .ddr-value{font-family:Outfit,monospace;font-size:1.8rem;font-weight:700;color:var(--cyan)}.formula-card{padding:36px;margin-top:32px}.formula-box{text-align:center;padding:24px;border-radius:var(--radius-sm);background:#f5c5180d;border:1px solid rgba(245,197,24,.15);margin-bottom:24px}.formula-line{font-family:Outfit,monospace;font-size:1.6rem;font-weight:600;margin-bottom:8px}.fv{color:var(--cyan)}.fo{color:var(--text-muted)}.fc{color:var(--gold)}.fl{color:var(--text-dim);font-size:.9rem;font-weight:400}.formula-desc{font-size:.82rem;color:var(--text-muted)}.formula-steps-list{display:flex;flex-direction:column;gap:10px}.formula-step{display:flex;align-items:center;gap:14px;font-size:.95rem;color:var(--text-muted);line-height:1.6}.fs-num{width:28px;height:28px;border-radius:50%;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0;font-family:var(--font-heading)}.converter-right{display:flex;flex-direction:column;gap:24px}.live-diagram{padding:28px;position:relative;overflow:hidden}.live-diagram:before{content:"";position:absolute;top:-40%;left:-40%;width:160%;height:160%;background:radial-gradient(circle,var(--cyan-dim) 0%,transparent 55%);pointer-events:none;opacity:.4}.live-diagram h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;margin-bottom:16px;position:relative}.live-diagram-content{position:relative;min-height:80px}.live-diagram-empty{text-align:center;padding:24px;color:var(--text-dim);font-size:.9rem}.live-step{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#ffffff08;border:1px solid var(--glass-border);margin-bottom:6px;font-family:Outfit,monospace;font-size:.85rem;animation:slideInDown .3s ease}.live-step .ls-num{width:22px;height:22px;border-radius:50%;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.live-step .ls-math{flex:1;color:var(--text-muted)}.live-step .ls-hex{color:var(--gold);font-weight:700}.live-diagram-assembly{margin-top:10px;text-align:center;font-family:Outfit,monospace;position:relative}.live-diagram-assembly .lda-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.live-diagram-assembly .lda-value{font-size:1.5rem;font-weight:700;color:var(--cyan);margin-top:4px}.diagram-input-row{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.diagram-input-row label{font-size:.82rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px}.tool-card{padding:20px 14px;text-align:center;transition:var(--transition);position:relative;overflow:hidden;text-decoration:none;display:block}.tool-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--gold-dim) 0%,transparent 55%);pointer-events:none;opacity:0;transition:opacity .4s}.tool-card:hover:before{opacity:.6}.tool-card:hover{transform:translateY(-4px);border-color:#f5c51859;box-shadow:0 8px 28px #f5c5181a}.tool-card-icon{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--gold);background:var(--gold-dim);display:inline-block;padding:6px 12px;border-radius:99px;margin-bottom:10px;letter-spacing:1px}.tool-card h4{font-family:var(--font-heading);font-size:.92rem;font-weight:600;margin-bottom:4px;color:var(--text)}.tool-card p{font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.tool-card-cta{font-size:.75rem;font-weight:600;color:var(--cyan);transition:var(--transition)}.tool-card:hover .tool-card-cta{color:var(--gold)}.rgb-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}@media(max-width:600px){.rgb-inputs{grid-template-columns:1fr}}@media(max-width:1100px){.tools-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.converter-grid{grid-template-columns:1fr}.base-comp-grid{grid-template-columns:repeat(2,1fr)}.hex-explorer-grid{grid-template-columns:repeat(4,1fr)}.hex-detail-content{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.tools-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.blog-grid{grid-template-columns:repeat(2,1fr)}.contact-grid,.page-grid{grid-template-columns:1fr}}@media(max-width:600px){.section{padding:40px 0}.hero h1{font-size:2.2rem}.hero-buttons{flex-direction:column;align-items:center}.mobile-toggle{display:flex}.diagram-step{flex-wrap:wrap;gap:10px}.btn-row{flex-direction:column}.mb-selectors{flex-direction:column;gap:10px}.mb-swap-btn{align-self:center;transform:rotate(90deg)}.mb-swap-btn:hover{transform:rotate(270deg) scale(1.1)}.converter-card,.history-panel{padding:24px}.interactive-card,.live-diagram{padding:20px}.base-comp-grid{grid-template-columns:1fr 1fr}.hex-explorer-grid{grid-template-columns:repeat(4,1fr)}.pv-digit-box{width:48px;padding:8px 4px}.pv-digit-box .pv-char{font-size:1.2rem}.formula-line{font-size:1.1rem}.formula-card{padding:20px}.diagram-input-row{flex-direction:column;align-items:stretch}.tools-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tool-card{padding:20px 14px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-social-links{justify-content:center}.footer-links,.footer-contact-list,.footer-pages{align-items:center}.blog-grid{grid-template-columns:1fr}.back-to-top{bottom:20px;right:20px;width:42px;height:42px}.nav-right{gap:8px}}.hero[data-astro-cid-37z2lgmw]{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:64px 0 0}.hero-content[data-astro-cid-37z2lgmw]{position:relative;z-index:2}.hero[data-astro-cid-37z2lgmw] h1[data-astro-cid-37z2lgmw]{font-family:Outfit,system-ui,sans-serif;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;line-height:1.1;margin-bottom:4px;animation:fadeInUp .8s ease}.hero[data-astro-cid-37z2lgmw] p[data-astro-cid-37z2lgmw]{font-size:clamp(1rem,2vw,1.2rem);color:#6b7280;max-width:540px;margin:0 auto;line-height:1.7;animation:fadeInUp .8s ease .15s both}.gradient-text[data-astro-cid-37z2lgmw]{background:linear-gradient(135deg,#f5c518,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}body{font-family:Inter,system-ui,sans-serif;background:#0d1117;color:#e8eaf0;margin:0}.lang-dropdown-container[data-astro-cid-j6abhmfo]{position:relative;z-index:100}.lang-dropdown-btn[data-astro-cid-j6abhmfo]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-family:Outfit,system-ui,sans-serif;font-size:.8rem;font-weight:600;color:#e8eaf0;background:#ffffff0d;border:1px solid #30363d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.lang-dropdown-btn[data-astro-cid-j6abhmfo]:hover,.lang-dropdown-container[data-astro-cid-j6abhmfo]:hover .lang-dropdown-btn[data-astro-cid-j6abhmfo]{background:#ffffff1a;border-color:#f5c518;color:#f5c518}.lang-flag[data-astro-cid-j6abhmfo]{font-size:1.1rem}.chevron[data-astro-cid-j6abhmfo]{transition:transform .3s ease;width:14px;height:14px;opacity:.7}.lang-dropdown-container[data-astro-cid-j6abhmfo]:hover .chevron[data-astro-cid-j6abhmfo],.lang-dropdown-btn[data-astro-cid-j6abhmfo][aria-expanded=true] .chevron[data-astro-cid-j6abhmfo]{transform:rotate(180deg)}.lang-dropdown-menu[data-astro-cid-j6abhmfo]{position:absolute;top:100%;left:0;margin-top:8px;width:160px;max-height:400px;overflow-y:auto;background:#161b22;border:1px solid #30363d;border-radius:12px;box-shadow:0 10px 30px #00000080;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.lang-dropdown-menu[data-astro-cid-j6abhmfo]::-webkit-scrollbar{width:6px}.lang-dropdown-menu[data-astro-cid-j6abhmfo]::-webkit-scrollbar-track{background:transparent}.lang-dropdown-menu[data-astro-cid-j6abhmfo]::-webkit-scrollbar-thumb{background:#30363d;border-radius:6px}.lang-dropdown-container[data-astro-cid-j6abhmfo]:hover .lang-dropdown-menu[data-astro-cid-j6abhmfo],.lang-dropdown-menu[data-astro-cid-j6abhmfo].show{opacity:1;visibility:visible;transform:translateY(0)}.lang-option[data-astro-cid-j6abhmfo]{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#e8eaf0;text-decoration:none;font-size:.9rem;transition:background .2s ease;border-bottom:1px solid rgba(255,255,255,.03)}.lang-option[data-astro-cid-j6abhmfo]:last-child{border-bottom:none}.lang-option[data-astro-cid-j6abhmfo]:hover{background:#ffffff0d}.lang-option[data-astro-cid-j6abhmfo].active{background:#f5c5181a;color:#f5c518}.lang-option-flag[data-astro-cid-j6abhmfo]{font-size:1.2rem}.lang-option-code[data-astro-cid-j6abhmfo]{font-family:Outfit,monospace;font-weight:700;width:24px;color:#6b7280}.lang-option[data-astro-cid-j6abhmfo].active .lang-option-code[data-astro-cid-j6abhmfo]{color:#f5c518}.lang-option-name[data-astro-cid-j6abhmfo]{font-weight:500}