:root{--primary-color:#00d4ff;--secondary-color:#ff6b6b;--success-color:#51cf66;--info-color:#74c0fc;--warning-color:#ffd43b;--danger-color:#ff6b6b;--dark-bg:#0a0a0a;--darker-bg:#050505;--card-bg:#1a1a1a;--border-color:#2d2d2d}body{font-family:inter,sans-serif;background:linear-gradient(135deg,var(--dark-bg) 0%,var(--darker-bg) 100%);color:#fff;line-height:1.6}.navbar{backdrop-filter:blur(10px);background:rgba(10,10,10,.95)!important}.navbar-brand{font-family:jetbrains mono,monospace}.card{background:var(--card-bg)!important;border:1px solid var(--border-color)!important;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,212,255,.1)}.btn-primary{background:linear-gradient(45deg,var(--primary-color),#0099cc);border:none;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,212,255,.3)}.hero-section{background:linear-gradient(135deg,rgba(0,212,255,.1) 0%,rgba(255,107,107,.1) 100%);position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%2300d4ff" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;z-index:-1}.dna-visualization{position:relative;height:300px}.dna-helix{position:relative;width:200px;height:200px;margin:0 auto}.dna-strand{position:absolute;width:2px;height:100px;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-radius:1px;animation:dnaRotate 3s infinite linear;transform-origin:center}.dna-strand:nth-child(1){left:50%;top:50%;transform:translate(-50%,-50%)}.dna-strand:nth-child(2){left:50%;top:50%;transform:translate(-50%,-50%)rotate(120deg);animation-delay:-1s}.dna-strand:nth-child(3){left:50%;top:50%;transform:translate(-50%,-50%)rotate(240deg);animation-delay:-2s}@keyframes dnaRotate{0%{transform:translate(-50%,-50%)rotate(0)}100%{transform:translate(-50%,-50%)rotate(360deg)}}.construction-animation{animation:constructionRotate 2s infinite ease-in-out}@keyframes constructionRotate{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.construction-progress-bar{animation:constructionProgress 3s infinite ease-in-out}@keyframes constructionProgress{0%{width:0%}50%{width:60%}100%{width:0%}}.article-content{font-size:1.1rem;line-height:1.8}.article-content h2,.article-content h3,.article-content h4{color:var(--primary-color);margin-top:2rem;margin-bottom:1rem}.article-content p{margin-bottom:1.5rem}.article-content code{background:rgba(0,212,255,.1);color:var(--primary-color);padding:.2rem .4rem;border-radius:.25rem;font-family:jetbrains mono,monospace}.article-content pre{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;overflow-x:auto}.article-content pre code{background:0 0;padding:0}.breadcrumb{background:0 0;padding:0}.breadcrumb-item a{color:var(--primary-color)}.breadcrumb-item.active{color:#fff}.badge{font-family:jetbrains mono,monospace;font-size:.8rem}@media(max-width:768px){.hero-section .container{text-align:center}.dna-visualization{height:200px}.dna-helix{width:150px;height:150px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#09c}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.min-vh-75{min-height:75vh}