@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');*{margin:0;padding:0;box-sizing:border-box}.hardware-content{background:linear-gradient(145deg,var(--card-bg) 0%,var(--card-bg-light) 100%);margin:30px 0;padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid rgba(69,58,98,0.2);transition:all 0.3s ease;animation:fadeInUp 0.6s ease-out forwards}.hardware-content:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.hardware-content h2{color:var(--text-primary);font-size:1.8em;font-weight:600;margin:0 0 20px 0;padding-bottom:15px;border-bottom:2px solid var(--primary-purple)}.hardware-content h3{color:var(--text-primary);font-size:1.4em;font-weight:500;margin:25px 0 15px 0}.hardware-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:15px}.hardware-content ul,.hardware-content ol{margin:15px 0;padding-left:25px}.hardware-content li{color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.hardware-content code{font-family:'JetBrains Mono','Fira Code',Monaco,monospace;background-color:rgba(69,58,98,0.3);color:var(--text-primary);padding:3px 8px;border-radius:4px;font-size:0.9em;border:1px solid rgba(69,58,98,0.5)}.hardware-content pre{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid var(--primary-purple);border-radius:8px;padding:20px;overflow-x:auto;margin:20px 0;box-shadow:inset 0 2px 10px rgba(0,0,0,0.3)}.hardware-content pre code{background:none;border:none;padding:0;color:var(--text-secondary);font-size:0.95em;line-height:1.5}.hardware-content .specs-table{width:100%;border-collapse:collapse;margin:20px 0;background:rgba(69,58,98,0.1);border-radius:8px;overflow:hidden}.hardware-content .specs-table th,.hardware-content .specs-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(69,58,98,0.3)}.hardware-content .specs-table th{background:var(--primary-purple);color:var(--text-primary);font-weight:600;font-size:0.95em}.hardware-content .specs-table tr:last-child td{border-bottom:none}.hardware-content .specs-table tr:hover{background:rgba(69,58,98,0.2)}.hardware-content .hardware-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:20px 0}.hardware-content .feature-item{background:rgba(69,58,98,0.15);padding:15px;border-radius:8px;border-left:4px solid var(--light-purple)}.hardware-content .feature-item strong{color:var(--text-primary);font-weight:600}.hardware-content .performance-metrics{background:linear-gradient(135deg,var(--light-purple) 0%,var(--primary-purple) 100%);padding:20px;border-radius:var(--border-radius);margin:25px 0;box-shadow:var(--shadow)}.hardware-content .performance-metrics h4{color:var(--text-primary);font-size:1.2em;margin:0 0 15px 0;text-align:center}.hardware-content .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.hardware-content .metric{text-align:center;padding:10px}.hardware-content .metric-value{font-size:1.8em;font-weight:700;color:var(--text-primary);margin-bottom:5px}.hardware-content .metric-label{font-size:0.9em;color:var(--text-secondary);opacity:0.9}@media (max-width:768px){.hardware-content{padding:20px;margin:20px 0}.hardware-content h2{font-size:1.6em}.hardware-content h3{font-size:1.3em}.hardware-content .hardware-features{grid-template-columns:1fr}.hardware-content .metrics-grid{grid-template-columns:repeat(2,1fr)}.hardware-content .specs-table{font-size:0.9em}.hardware-content .specs-table th,.hardware-content .specs-table td{padding:8px 10px}}@media (max-width:480px){.hardware-content{padding:15px}.hardware-content .metrics-grid{grid-template-columns:1fr}.hardware-content pre{padding:15px;font-size:0.85em}}:root{--primary-purple:#453A62;--light-purple:#765080;--accent-color:#948086;--dark-bg:#1e1e1e;--card-bg:#2b2b2b;--card-bg-light:#383838;--text-primary:#ffffff;--text-secondary:#e0e0e0;--border-radius:12px;--shadow:0 4px 20px rgba(0,0,0,0.3);--shadow-hover:0 8px 30px rgba(0,0,0,0.4)}body{background-color:var(--dark-bg);color:var(--text-primary);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;margin:0;padding:0;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav.naving{background:linear-gradient(135deg,var(--card-bg) 0%,var(--card-bg-light) 100%);position:fixed;width:100%;top:0;z-index:1000;border-bottom:2px solid var(--primary-purple);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);backdrop-filter:blur(10px)}nav.naving h3{color:var(--text-primary);font-weight:600;font-size:1.4em;margin:0}.nav-links{display:flex;gap:25px;align-items:center}nav.naving a{color:var(--accent-color);text-decoration:none;font-weight:500;font-size:1em;padding:8px 16px;border-radius:6px;transition:all 0.3s ease;position:relative}nav.naving a:hover{color:var(--text-primary);background-color:rgba(69,58,98,0.2);transform:translateY(-1px)}nav.naving a:before{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:var(--primary-purple);transition:all 0.3s ease}nav.naving a:hover:before{width:100%;left:0}main{max-width:900px;margin:100px auto 100px;padding:0 30px}h1{font-size:2.5em;font-weight:600;color:var(--text-primary);margin-bottom:30px;border-bottom:2px solid var(--primary-purple);padding-bottom:15px;line-height:1.2}h2{font-size:2em;font-weight:500;color:var(--accent-color);margin:30px 0 20px}h3{font-size:1.5em;font-weight:500;color:var(--text-secondary);margin:25px 0 15px}p{font-size:1.1em;line-height:1.7;margin-bottom:20px;color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;border-bottom:1px dotted rgba(148,128,134,0.5);transition:all 0.3s ease}a:hover{color:var(--text-primary);border-bottom:1px solid var(--primary-purple);background-color:rgba(69,58,98,0.1);padding:2px 4px;border-radius:3px}.header{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--light-purple) 100%);margin-bottom:20px;padding:20px 25px;border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--text-primary);font-weight:500}.content{background:linear-gradient(145deg,var(--card-bg) 0%,var(--card-bg-light) 100%);margin-bottom:20px;padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid rgba(69,58,98,0.2);transition:all 0.3s ease}.content:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.tags{background:linear-gradient(135deg,var(--light-purple) 0%,var(--primary-purple) 100%);margin-top:20px;padding:15px 20px;border-radius:var(--border-radius);box-shadow:var(--shadow);font-size:0.95em;color:var(--text-primary);font-weight:500}code{font-family:'JetBrains Mono','Fira Code',Monaco,monospace;background-color:rgba(69,58,98,0.2);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-size:0.9em}pre{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid var(--primary-purple);border-radius:8px;padding:20px;overflow-x:auto;margin:20px 0;box-shadow:inset 0 2px 10px rgba(0,0,0,0.3)}pre code{background:none;padding:0;color:var(--text-secondary);font-size:0.95em;line-height:1.5}ul,ol{margin:20px 0;padding-left:25px}li{margin-bottom:8px;color:var(--text-secondary)}ul li::marker{color:var(--primary-purple)}blockquote{border-left:4px solid var(--primary-purple);background:rgba(69,58,98,0.1);margin:20px 0;padding:15px 20px;border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary)}footer{position:fixed;bottom:0;width:100%;background:linear-gradient(135deg,var(--card-bg) 0%,var(--card-bg-light) 100%);color:var(--text-secondary);text-align:center;padding:15px 0;border-top:2px solid var(--primary-purple);font-size:0.9em;box-shadow:0 -4px 20px rgba(0,0,0,0.3);backdrop-filter:blur(10px)}footer a{color:var(--accent-color);font-weight:500}footer a:hover{color:var(--text-primary)}@media (max-width:768px){nav.naving{flex-direction:column;padding:15px 20px;gap:15px}nav.naving h3{font-size:1.2em}.nav-links{gap:15px;flex-wrap:wrap;justify-content:center}nav.naving a{font-size:0.9em;padding:6px 12px}main{margin:140px auto 100px;padding:0 20px}h1{font-size:2em}h2{font-size:1.6em}.content,.header,.tags{padding:20px;margin-bottom:15px}body{padding-bottom:80px}}@media (max-width:480px){main{padding:0 15px}h1{font-size:1.8em}p{font-size:1em}.content,.header,.tags{padding:15px}}.welcome-hero{margin-bottom:40px}.hero-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;margin-bottom:30px}.hero-text{background:linear-gradient(145deg,var(--card-bg) 0%,var(--card-bg-light) 100%);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid rgba(69,58,98,0.2)}.intro-text{font-size:1.2em;font-weight:500;color:var(--text-primary);margin-bottom:25px;line-height:1.8}.hero-image{background:linear-gradient(145deg,var(--card-bg) 0%,var(--card-bg-light) 100%);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid rgba(69,58,98,0.2);text-align:center}.profile-image{width:100%;max-width:300px;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.3);transition:transform 0.3s ease}.profile-image:hover{transform:scale(1.02)}.image-caption{font-size:0.9em;color:var(--accent-color);margin-top:15px;font-style:italic;line-height:1.4}.blog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.stat-item{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--light-purple) 100%);padding:25px 20px;border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow);transition:transform 0.3s ease}.stat-item:hover{transform:translateY(-3px)}.stat-item h3{font-size:2.2em;font-weight:700;color:var(--text-primary);margin:0 0 10px 0}.stat-item p{font-size:1em;color:var(--text-primary);margin:0;opacity:0.9}.content-section{margin:50px 0}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px}.topic-card{background:linear-gradient(145deg,var(--card-bg) 0%,var(--card-bg-light) 100%);padding:25px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid rgba(69,58,98,0.2);transition:all 0.3s ease}.topic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.topic-card h3{color:var(--text-primary);margin:0 0 15px 0;font-size:1.2em;font-weight:600}.topic-card p{margin:0;color:var(--text-secondary);line-height:1.6}.recent-highlights{margin:50px 0}.highlight-list{margin-top:25px}.highlight-item{background:linear-gradient(145deg,var(--card-bg) 0%,var(--card-bg-light) 100%);padding:20px 25px;margin-bottom:15px;border-radius:var(--border-radius);border-left:4px solid var(--primary-purple);box-shadow:var(--shadow);transition:all 0.3s ease}.highlight-item:hover{transform:translateX(5px);border-left-color:var(--light-purple)}.highlight-item strong{color:var(--text-primary);font-weight:600}.posts-section{margin:50px 0;background:linear-gradient(145deg,var(--card-bg) 0%,var(--card-bg-light) 100%);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:1px solid rgba(69,58,98,0.2)}.connect-section{margin:50px 0;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--light-purple) 100%);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center}.connect-section h2{color:var(--text-primary);margin-bottom:20px}.connect-section p{color:var(--text-primary);margin-bottom:20px}.connect-section a{color:var(--text-primary);font-weight:600;border-bottom-color:rgba(255,255,255,0.5)}.connect-section a:hover{background-color:rgba(255,255,255,0.1);border-bottom-color:var(--text-primary)}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:25px}.blog-stats{grid-template-columns:1fr;gap:15px}.topic-grid{grid-template-columns:1fr;gap:20px}.stat-item{padding:20px 15px}.stat-item h3{font-size:1.8em}.hero-text,.topic-card,.highlight-item,.posts-section,.connect-section{padding:20px}.intro-text{font-size:1.1em}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.content,.header,.tags,.hero-text,.hero-image,.topic-card,.stat-item{animation:fadeInUp 0.6s ease-out forwards}.highlight-item{animation:slideInLeft 0.6s ease-out forwards}#matrix{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0.03}