@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
:root{--green:#00ff41;--green-dim:rgba(0,255,65,0.5);--green-faint:rgba(0,255,65,0.15);--green-ghost:rgba(0,255,65,0.03);--bg:#0a0a0a;--card:#0d0d0d;--red:#ff3333;--white:#fff;--text:rgba(0,255,65,0.6);}
body{font-family:'Space Grotesk',system-ui,sans-serif;background:var(--bg);color:var(--green);overflow-x:hidden;line-height:1.7;}
body::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,0.012) 2px,rgba(0,255,65,0.012) 4px);pointer-events:none;z-index:9999;}
.grid-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,255,65,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,0.03) 1px,transparent 1px);background-size:40px 40px;z-index:0;}
a{color:var(--green);text-decoration:none;transition:all .2s;}
a:hover{color:var(--white);text-shadow:0 0 10px rgba(0,255,65,0.3);}

/* Header */
.header{position:sticky;top:0;z-index:100;background:rgba(10,10,10,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--green-faint);}
.header-inner{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.logo-lens{width:44px;height:44px;border-radius:50%;border:2px solid var(--green);display:flex;align-items:center;justify-content:center;position:relative;animation:pulse-glow 3s ease-in-out infinite;}
.logo-lens::after{content:'';width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--green) 0%,transparent 70%);}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 10px rgba(0,255,65,0.3);}50%{box-shadow:0 0 25px rgba(0,255,65,0.6);}}
.logo-text{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:var(--green);letter-spacing:2px;text-transform:uppercase;}
.logo-sub{font-size:10px;color:var(--green-dim);letter-spacing:3px;display:block;}
.nav{display:flex;gap:5px;}
.nav a{color:var(--green-dim);font-family:'JetBrains Mono',monospace;font-size:12px;padding:8px 14px;border:1px solid transparent;text-transform:uppercase;letter-spacing:1px;}
.nav a:hover,.nav a.active{border-color:rgba(0,255,65,0.3);color:var(--green);background:var(--green-ghost);}

/* Hero */
.hero{position:relative;z-index:1;padding:80px 20px 60px;text-align:center;}
.hero-tag{display:inline-block;border:1px solid rgba(0,255,65,0.3);color:var(--green);padding:6px 20px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:30px;animation:flicker 4s ease-in-out infinite;}
@keyframes flicker{0%,100%{opacity:1;}50%{opacity:0.7;}}
.hero h1{font-size:clamp(32px,5vw,52px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:20px;text-shadow:0 0 40px rgba(0,255,65,0.15);}
.hero h1 .green{color:var(--green);}
.hero p{font-size:17px;color:var(--text);max-width:600px;margin:0 auto 40px;line-height:1.7;}
.hero-stats{display:flex;justify-content:center;gap:50px;margin-top:40px;}
.stat{text-align:center;}
.stat-num{font-family:'JetBrains Mono',monospace;font-size:36px;font-weight:700;color:var(--green);display:block;text-shadow:0 0 20px rgba(0,255,65,0.3);}
.stat-label{font-size:12px;color:rgba(0,255,65,0.4);text-transform:uppercase;letter-spacing:2px;margin-top:5px;}

/* Terminal Search */
.search-section{max-width:700px;margin:-20px auto 0;position:relative;z-index:10;padding:0 20px;}
.terminal{background:var(--card);border:1px solid rgba(0,255,65,0.2);border-radius:12px;overflow:hidden;}
.terminal-bar{background:#111;padding:8px 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,255,65,0.1);}
.terminal-dot{width:10px;height:10px;border-radius:50%;}
.terminal-dot.r{background:#ff5f57;}.terminal-dot.y{background:#ffbd2e;}.terminal-dot.g{background:#28ca41;}
.terminal-title{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(0,255,65,0.4);margin-left:10px;}
.terminal-body{padding:15px;display:flex;align-items:center;gap:10px;}
.terminal-prompt{font-family:'JetBrains Mono',monospace;color:var(--green);font-size:14px;white-space:nowrap;}
.terminal-input{flex:1;background:transparent;border:none;color:var(--white);font-family:'JetBrains Mono',monospace;font-size:14px;outline:none;}
.terminal-input::placeholder{color:rgba(0,255,65,0.25);}

/* Content */
.content{max-width:1200px;margin:0 auto;padding:60px 20px;position:relative;z-index:1;}
.section-header{display:flex;align-items:center;gap:15px;margin-bottom:40px;}
.section-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(0,255,65,0.3),transparent);}
.section-title{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--green);letter-spacing:3px;text-transform:uppercase;white-space:nowrap;}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:60px;}
.card{background:var(--green-ghost);border:1px solid rgba(0,255,65,0.1);border-radius:12px;overflow:hidden;transition:all .3s;position:relative;text-decoration:none;color:inherit;display:block;}
.card:hover{border-color:rgba(0,255,65,0.4);box-shadow:0 0 30px rgba(0,255,65,0.05);transform:translateY(-3px);}
.card-img{height:200px;background:#0d1a0d;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.card-img::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,65,0.03) 3px,rgba(0,255,65,0.03) 6px);}
.card-img .icon{font-size:70px;filter:grayscale(0.3);position:relative;z-index:1;}
.card-img .timestamp{position:absolute;bottom:10px;left:15px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--green-dim);z-index:2;}
.card-img .rec{position:absolute;top:15px;right:15px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--red);letter-spacing:2px;animation:blink 2s step-end infinite;z-index:2;}
@keyframes blink{50%{opacity:0;}}
.card-body{padding:20px;}
.card-meta{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.card-tag{font-family:'JetBrains Mono',monospace;font-size:10px;padding:3px 10px;border:1px solid rgba(0,255,65,0.2);color:var(--green);border-radius:4px;text-transform:uppercase;letter-spacing:1px;}
.card-tag.hot{border-color:rgba(255,51,51,0.3);color:var(--red);}
.card-tag.neu{border-color:rgba(0,180,216,0.3);color:#00B4D8;}
.card-title{font-size:16px;font-weight:600;color:var(--white);margin-bottom:8px;line-height:1.4;}
.card-desc{font-size:13px;color:var(--text);line-height:1.6;}
.card-footer{padding:15px 20px;border-top:1px solid rgba(0,255,65,0.08);display:flex;justify-content:space-between;align-items:center;}
.card-score{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;color:var(--green);}
.card-score-label{font-size:10px;color:rgba(0,255,65,0.4);text-transform:uppercase;letter-spacing:1px;}
.card-price{font-family:'JetBrains Mono',monospace;color:rgba(255,255,255,0.6);font-size:13px;}

/* Article page */
.article{max-width:800px;margin:0 auto;padding:40px 20px 80px;position:relative;z-index:1;}
.article-header{margin-bottom:40px;}
.article-breadcrumb{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--green-dim);margin-bottom:20px;}
.article-breadcrumb a{color:var(--green-dim);}
.article-breadcrumb a:hover{color:var(--green);}
.article h1{font-size:clamp(28px,4vw,40px);color:var(--white);line-height:1.2;margin-bottom:15px;}
.article-meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--green-dim);display:flex;gap:20px;flex-wrap:wrap;}
.article-content{margin-top:40px;}
.article-content h2{font-size:24px;color:var(--white);margin:40px 0 15px;padding-bottom:10px;border-bottom:1px solid rgba(0,255,65,0.1);}
.article-content h3{font-size:18px;color:var(--green);margin:30px 0 10px;}
.article-content p{color:rgba(255,255,255,0.75);margin-bottom:16px;font-size:16px;}
.article-content ul,.article-content ol{color:rgba(255,255,255,0.75);margin:0 0 16px 20px;font-size:16px;}
.article-content li{margin-bottom:8px;}
.article-content strong{color:var(--green);}

/* Specs table */
.specs-table{width:100%;border-collapse:collapse;margin:20px 0 30px;}
.specs-table th{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--green);padding:12px;text-align:left;border-bottom:1px solid rgba(0,255,65,0.2);}
.specs-table td{padding:12px;border-bottom:1px solid rgba(0,255,65,0.05);font-size:14px;color:rgba(255,255,255,0.7);}
.specs-table tr:hover td{background:var(--green-ghost);}

/* Score box */
.score-box{background:var(--green-ghost);border:1px solid var(--green-faint);border-radius:12px;padding:30px;text-align:center;margin:30px 0;}
.score-box .big-score{font-family:'JetBrains Mono',monospace;font-size:64px;font-weight:700;color:var(--green);text-shadow:0 0 30px rgba(0,255,65,0.3);}
.score-box .score-label{font-size:14px;color:var(--green-dim);margin-top:5px;}

/* CTA Button */
.cta-btn{display:inline-block;padding:14px 30px;background:var(--green);color:var(--bg);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;border-radius:8px;text-transform:uppercase;letter-spacing:1px;transition:all .3s;border:none;cursor:pointer;}
.cta-btn:hover{box-shadow:0 0 25px rgba(0,255,65,0.4);transform:translateY(-2px);color:var(--bg);}
.cta-btn.outline{background:transparent;border:2px solid var(--green);color:var(--green);}
.cta-btn.outline:hover{background:var(--green);color:var(--bg);}

/* Sidebar categories */
.kategorie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:60px;}
.kategorie-card{background:var(--green-ghost);border:1px solid rgba(0,255,65,0.1);border-radius:10px;padding:25px;transition:all .3s;text-decoration:none;display:block;}
.kategorie-card:hover{border-color:rgba(0,255,65,0.4);transform:translateY(-2px);}
.kategorie-card h3{color:var(--white);font-size:16px;margin-bottom:8px;}
.kategorie-card p{color:var(--text);font-size:13px;margin:0;}
.kategorie-card .count{font-family:'JetBrains Mono',monospace;font-size:24px;color:var(--green);font-weight:700;margin-bottom:10px;display:block;}

/* Footer */
.footer{border-top:1px solid rgba(0,255,65,0.1);padding:40px 20px;position:relative;z-index:1;}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;margin-bottom:30px;}
.footer-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--green);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;}
.footer-col a{display:block;color:var(--green-dim);font-size:13px;margin-bottom:8px;}
.footer-col a:hover{color:var(--green);}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(0,255,65,0.08);font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(0,255,65,0.3);}

@media(max-width:768px){
  .nav{display:none;}
  .hero-stats{gap:25px;}
  .stat-num{font-size:28px;}
  .cards{grid-template-columns:1fr;}
  .kategorie-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}