@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:#0a0a0a;color:#fff;line-height:1.6;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff}h1{font-size:4rem;font-weight:800}h2{font-size:3rem}h3{font-size:2rem}p{margin-bottom:1.5rem;color:#a0a0a0}a{color:#00d9ff;text-decoration:none;transition:color .2s ease}a:hover{color:#00b8d9}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#00d9ff 0%,#09c 100%);color:#0a0a0a}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,217,255,.3);color:#0a0a0a}.btn-secondary{background:0 0;color:#fff;border:2px solid #00d9ff}.btn-secondary:hover{background:#00d9ff;color:#0a0a0a}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:6rem 0}.card{background:#1a1a1a;border-radius:1rem;padding:2rem;transition:all .3s ease;border:1px solid #2a2a2a}.card:hover{transform:translateY(-4px);border-color:#00d9ff;box-shadow:0 20px 40px rgba(0,217,255,.1)}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}section{padding:4rem 0}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.loading-spinner{width:40px;height:40px;border:4px solid #2a2a2a;border-top-color:#00d9ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input[type=text],input[type=email],input[type=tel],input[type=number],textarea,select{width:100%;padding:1rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:.5rem;color:#fff;font-family:'Inter',sans-serif;font-size:1rem;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#00d9ff}label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.menu-item{color:#fff;text-decoration:none;transition:color .2s ease;padding:.5rem 0;display:block}.menu-item:hover{color:#00d9ff}.menu{list-style:none;padding:0;margin:0}.menu>li{display:inline-block;position:relative}.menu li{position:relative}.menu .sub-menu{display:none !important;position:absolute;top:100%;left:0;min-width:240px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:.75rem;padding:.5rem 0;margin-top:.5rem;box-shadow:0 20px 40px rgba(0,0,0,.5);z-index:9999;list-style:none}.menu li:hover>.sub-menu{display:block !important;animation:dropdownFade .2s ease}.sub-menu li{display:block}.sub-menu .menu-item{display:block;padding:.75rem 1.25rem;color:#a0a0a0;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.sub-menu .menu-item:hover{color:#00d9ff;background:rgba(0,217,255,.05);padding-left:1.5rem}@keyframes dropdownFade{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu>li.menu-item-has-children>a:after{content:'';display:inline-block;width:0;height:0;margin-left:.4rem;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform .2s ease}.menu>li.menu-item-has-children:hover>a:after{transform:rotate(180deg)}.widget{margin-bottom:2rem}.widget-title{font-size:1.5rem;margin-bottom:1rem}.breadcrumbs{padding:1rem 0;color:#a0a0a0;font-size:.9rem}.breadcrumbs a{color:#00d9ff}.pagination{display:flex;justify-content:center;gap:.5rem;margin:3rem 0}.page-numbers{padding:.5rem 1rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:.5rem;color:#fff;text-decoration:none}.page-numbers.current{background:#00d9ff;color:#0a0a0a;border-color:#00d9ff}.comment-list{list-style:none;padding:0}.comment{background:#1a1a1a;padding:1.5rem;border-radius:.5rem;margin-bottom:1rem}.search-form{display:flex;gap:.5rem}.search-field{flex:1}.search-submit{padding:1rem 2rem;background:#00d9ff;color:#0a0a0a;border:none;border-radius:.5rem;cursor:pointer;font-weight:600}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem}.alert-success{background:rgba(34,197,94,.1);border:1px solid #22c55e;color:#22c55e}.alert-error{background:rgba(239,68,68,.1);border:1px solid #ef4444;color:#ef4444}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:orbFloat 8s ease-in-out infinite}.hero-orb-1{width:500px;height:500px;background:#00d9ff;top:20%;left:20%;animation-delay:0s}.hero-orb-2{width:400px;height:400px;background:#06f;bottom:20%;right:20%;animation-delay:2s}.hero-orb-3{width:350px;height:350px;background:#7c3aed;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1);opacity:.3}25%{transform:translate(30px,-30px) scale(1.1);opacity:.4}50%{transform:translate(-20px,20px) scale(.9);opacity:.25}75%{transform:translate(-30px,-20px) scale(1.05);opacity:.35}}.hero-grid{background-image:linear-gradient(rgba(0,217,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.15) 1px,transparent 1px);background-size:60px 60px;opacity:.4}.bg-radial-gradient{background:radial-gradient(ellipse at center,transparent 0%,#0a0a0a 70%)}.prose{color:#d1d5db;font-size:1.125rem;line-height:1.8}.prose h1{font-size:2.5rem;font-weight:800;color:#fff;margin-top:3rem;margin-bottom:1.5rem}.prose h2{font-size:2rem;font-weight:700;color:#fff;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #2a2a2a}.prose h3{font-size:1.5rem;font-weight:600;color:#fff;margin-top:2rem;margin-bottom:.75rem}.prose p{color:#d1d5db;margin-bottom:1.5rem;line-height:1.8}.prose a{color:#00d9ff;text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:#00b8d9}.prose strong{color:#fff;font-weight:600}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{color:#d1d5db;margin-bottom:.5rem;line-height:1.7}.prose li::marker{color:#00d9ff}.prose blockquote{border-left:4px solid #00d9ff;padding:1rem 1.5rem;margin:2rem 0;background:rgba(0,217,255,.05);border-radius:0 .5rem .5rem 0}.prose blockquote p{color:#a0a0a0;font-style:italic;margin-bottom:0}.prose code{background:#1a1a1a;color:#00d9ff;padding:.2rem .5rem;border-radius:.25rem;font-size:.9em}.prose pre{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:.75rem;padding:1.5rem;overflow-x:auto;margin:2rem 0}.prose pre code{background:0 0;padding:0;color:#d1d5db}.prose img{border-radius:.75rem;margin:2rem 0;border:1px solid #2a2a2a}.prose table{width:100%;border-collapse:collapse;margin:2rem 0}.prose th{background:#1a1a1a;color:#fff;padding:.75rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid #00d9ff}.prose td{padding:.75rem 1rem;border-bottom:1px solid #2a2a2a;color:#d1d5db}.prose hr{border:none;border-top:1px solid #2a2a2a;margin:3rem 0}.post-meta{display:flex;align-items:center;gap:1rem;color:#6b7280;font-size:.9rem;margin-bottom:2rem}.post-meta a{color:#00d9ff}.post-meta .separator{width:4px;height:4px;border-radius:50%;background:#4b5563}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #2a2a2a}.post-tags a{display:inline-block;padding:.3rem .8rem;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:2rem;color:#a0a0a0;font-size:.85rem;transition:all .2s ease}.post-tags a:hover{border-color:#00d9ff;color:#00d9ff;background:rgba(0,217,255,.05)}.post-navigation{display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #2a2a2a}.post-navigation a{color:#a0a0a0;font-size:.95rem;transition:color .2s ease;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-navigation a:hover{color:#00d9ff}.theme-meta-box{margin-top:1rem}.theme-meta-box label{display:block;font-weight:600;margin-bottom:.5rem;color:#1d2327}.theme-meta-box input,.theme-meta-box textarea,.theme-meta-box select{width:100%;padding:.5rem;margin-bottom:1rem;background:#fff;border:1px solid #ddd;border-radius:.25rem;color:#1d2327}