:root{--bg-primary:#0a0e14;--bg-secondary:#12171f;--bg-tertiary:#1a202c;--bg-card:#151b26;--text-primary:#e6edf3;--text-secondary:#7d8590;--accent-green:#3fb950;--accent-green-dim:#238636;--accent-blue:#58a6ff;--accent-purple:#a371f7;--accent-orange:#f0883e;--accent-pink:#f778ba;--accent-red:#f85149;--border-color:#30363d;--border-light:#444c56;--code-bg:#161b22;--shadow:0 16px 48px rgba(0,0,0,0.5);--shadow-sm:0 4px 12px rgba(0,0,0,0.3);--radius:16px;--radius-md:12px;--radius-sm:8px;--transition:0.3s cubic-bezier(0.4,0,0.2,1)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.background-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(48,54,61,0.15) 1px,transparent 1px),linear-gradient(90deg,rgba(48,54,61,0.15) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.glow-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:0.15;pointer-events:none;z-index:0}.orb-1{top:-200px;left:-200px;width:600px;height:600px;background:var(--accent-green)}.orb-2{bottom:-200px;right:-200px;width:500px;height:500px;background:var(--accent-purple)}h1,h2,h3,h4{font-weight:800;line-height:1.2}h1{font-size:clamp(3rem,8vw,5rem)}h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;text-align:center}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-purple)}
header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,14,20,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}nav{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:0.75rem;font-weight:800;font-size:1.3rem;color:var(--text-primary)}.logo-icon{font-size:1.8rem}.nav-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.nav-links a{color:var(--text-secondary);font-weight:500;transition:all var(--transition);position:relative}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-green);transition:width var(--transition)}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover::after{width:100%}.btn-github{background:var(--bg-tertiary);padding:0.6rem 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.btn-github:hover{background:var(--border-color);color:var(--text-primary)!important}.btn-github::after{display:none}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 1.75rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all var(--transition);border:none;font-size:1rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dim));color:white;box-shadow:0 4px 15px rgba(63,185,80,0.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(63,185,80,0.4);color:white}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);transform:translateY(-2px);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--accent-green);color:var(--accent-green)}.btn-sm{padding:0.5rem 1rem;font-size:0.875rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:5rem;padding:8rem 2rem 4rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-content{flex:1.2}.hero-badge{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:0.5rem 1rem;border-radius:var(--radius-sm);font-size:0.9rem;color:var(--text-secondary);margin-bottom:1.5rem}.highlight{background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.6rem;color:var(--text-secondary);margin:1rem 0;min-height:2.5rem}.typed-text{color:var(--accent-green)}.cursor{animation:blink 1s infinite;color:var(--accent-green)}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.subtitle{font-family:'JetBrains Mono',monospace;color:var(--accent-purple);margin-bottom:2.5rem;font-size:1.1rem}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.hero-stats{display:flex;gap:3rem}.stat{text-align:center}.stat-num{display:block;font-size:2rem;font-weight:800;color:var(--accent-green)}.stat-label{font-size:0.85rem;color:var(--text-secondary)}.stat-note{font-size:0.75rem;color:var(--text-secondary);opacity:0.7;margin-top:0.5rem}.hero-visual{flex:1;max-width:550px}
.terminal{background:var(--code-bg);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color)}.terminal-header{background:var(--bg-tertiary);padding:0.875rem 1rem;display:flex;align-items:center;gap:0.5rem}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca40}.terminal-title{margin-left:auto;color:var(--text-secondary);font-family:'JetBrains Mono',monospace;font-size:0.8rem}.terminal-body{padding:1.5rem;font-family:'JetBrains Mono',monospace;font-size:0.9rem;line-height:1.8}.terminal-line{margin-bottom:0.5rem}.prompt{color:var(--accent-green)}.cmd{color:var(--text-primary)}.output{color:var(--text-secondary);padding-left:1rem}.cursor-blink{animation:blink 1s infinite}
section{padding:6rem 2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-intro{text-align:center;color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}
.philosophy{background:var(--bg-secondary);border-radius:var(--radius);margin:2rem auto;padding:5rem 3rem}.philosophy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.philosophy-card{background:var(--bg-card);border-radius:var(--radius-md);padding:2rem;border:1px solid var(--border-color)}.philosophy-card h3{margin-bottom:1.5rem;font-size:1.3rem}.philosophy-card ul{list-style:none}.philosophy-card li{padding:0.75rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border-color);transition:color var(--transition)}.philosophy-card li:last-child{border-bottom:none}.philosophy-card li:hover{color:var(--text-primary)}.philosophy-card.do{border-color:var(--accent-green)}.philosophy-card.do h3{color:var(--accent-green)}.philosophy-card.dont{border-color:var(--accent-red)}.philosophy-card.dont h3{color:var(--accent-red)}.grug-quote{background:var(--bg-card);border-left:4px solid var(--accent-orange);padding:2rem;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary);font-size:1.1rem;max-width:800px;margin:0 auto}.grug-quote cite{display:block;margin-top:1rem;color:var(--accent-orange);font-size:0.9rem}
.projects{padding-top:4rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem;transition:all var(--transition);position:relative}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--border-light)}.project-card.featured{border-color:var(--accent-green);grid-column:span 2}@media(max-width:700px){.project-card.featured{grid-column:span 1}}.project-badge{position:absolute;top:-12px;right:20px;background:var(--accent-green);color:var(--bg-primary);padding:0.35rem 1rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:700}.project-icon{font-size:2.5rem;margin-bottom:1rem}.project-card h3{margin-bottom:0.75rem;font-size:1.25rem}.project-card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:0.95rem}.project-meta{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}.tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:0.3rem 0.75rem;border-radius:var(--radius-sm);font-size:0.8rem}.project-links{display:flex;gap:0.75rem}
.playground{background:var(--bg-secondary);border-radius:var(--radius);margin:2rem auto;padding:4rem 2rem}.playground-container{display:grid;grid-template-columns:200px 1fr;gap:2rem;max-width:1000px;margin:0 auto}.playground-sidebar h4{color:var(--text-secondary);font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.quick-commands{display:flex;flex-direction:column;gap:0.5rem}.quick-cmd{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:0.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:0.85rem;transition:all var(--transition);text-align:left}.quick-cmd:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-green)}
.playground-main{flex:1}.playground-output{background:var(--code-bg);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);margin-bottom:1rem}.output-header{background:var(--bg-tertiary);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);font-size:0.85rem}.output-header span:last-of-type{margin-left:0.5rem}.clear-btn{margin-left:auto;background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:0.25rem 0.75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:0.75rem;transition:all var(--transition)}.clear-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.output-content{padding:1.5rem;min-height:250px;max-height:400px;overflow-y:auto;font-family:'JetBrains Mono',monospace;font-size:0.9rem}.output-content p{margin-bottom:0.5rem}.welcome-msg{color:var(--accent-green)}.welcome-msg.dim{color:var(--text-secondary);opacity:0.7}
.playground-input{display:flex;align-items:center;gap:1rem;background:var(--code-bg);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.input-prompt{color:var(--accent-green);font-family:'JetBrains Mono',monospace;font-size:0.9rem;white-space:nowrap}.playground-input input{flex:1;background:transparent;border:none;color:var(--text-primary);font-family:'JetBrains Mono',monospace;font-size:1rem;outline:none}.playground-input input::placeholder{color:var(--text-secondary);opacity:0.5}
.team{text-align:center}.team-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.team-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem 3rem;text-align:center;transition:all var(--transition)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.team-card.join{border-style:dashed;border-color:var(--accent-green)}.team-avatar{font-size:3rem;margin-bottom:1rem}.team-card h4{margin-bottom:0.5rem}.team-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:0.9rem}.team-card a{font-weight:600}
.cta{text-align:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius);padding:5rem 2rem;margin:2rem auto}.cta h2{margin-bottom:1rem}.cta>p{color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
footer{text-align:center;padding:4rem 2rem;border-top:1px solid var(--border-color);position:relative;z-index:1}.footer-content{max-width:600px;margin:0 auto}.footer-brand{display:inline-flex;align-items:center;gap:0.5rem;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--text-primary)}.footer-quote{font-style:italic;color:var(--text-secondary);margin:1.5rem 0}.copyright{font-size:0.85rem;color:var(--text-secondary);opacity:0.7}
@media(max-width:1000px){.hero{flex-direction:column;text-align:center;padding-top:10rem;gap:3rem}.hero-buttons{justify-content:center}.hero-stats{justify-content:center}.hero-visual{max-width:100%}.philosophy-grid{grid-template-columns:1fr}.playground-container{grid-template-columns:1fr}.playground-sidebar{display:flex;flex-wrap:wrap;gap:0.5rem}.playground-sidebar h4{width:100%}.quick-commands{flex-direction:row;flex-wrap:wrap}}@media(max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero{padding-top:8rem}h1{font-size:2.5rem}.hero-stats{flex-direction:column;gap:1.5rem}.project-card.featured{grid-column:span 1}}

/* Install Section */
.install {
    padding: 4rem 2rem;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.install-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.install-card {
    background: linear-gradient(135deg, rgba(22, 27, 34, 0.9), rgba(13, 17, 23, 0.9));
    border: 1px solid rgba(63, 185, 80, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    text-align: left;
    position: relative;
}

.step-number {
    position: absolute;
    top: -12px;
    left: 20px;
    background: var(--primary);
    color: var(--bg);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.install-card h4 {
    color: var(--text);
    margin: 0.5rem 0 1rem;
    font-size: 1.1rem;
}

.code-block {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.code-block code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85rem;
    color: var(--primary);
    line-height: 1.5;
}

.copy-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    opacity: 0.7;
    transition: opacity 0.2s;
    padding: 0;
}

.copy-btn:hover {
    opacity: 1;
}

.install-url {
    font-family: 'JetBrains Mono', monospace;
    font-size: 1.1rem;
    color: var(--accent);
    margin: 0.5rem 0;
}

.install-note {
    font-size: 0.9rem;
    color: var(--text-dim);
    margin: 0;
}

/* Team Avatar Images */
.team-avatar-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--primary);
    margin-bottom: 0.5rem;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5rem;
    max-width: 800px;
    margin: 0 auto;
}

/* Founder Card - Larger & More Pronounced */
.team-card.founder {
    padding: 2.5rem 3.5rem;
    border: 2px solid var(--accent-green);
    background: linear-gradient(135deg, var(--bg-card), rgba(63, 185, 80, 0.05));
    box-shadow: 0 0 30px rgba(63, 185, 80, 0.15);
    position: relative;
    grid-column: 1 / -1;
    max-width: 300px;
    margin: 0 auto 1rem;
}

.team-card.founder::before {
    content: '👑';
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.5rem;
    background: var(--bg-secondary);
    padding: 0 0.5rem;
}

.team-card.founder .team-avatar-img {
    width: 120px;
    height: 120px;
    border-width: 4px;
    box-shadow: 0 0 20px rgba(63, 185, 80, 0.3);
}

.team-card.founder h4 {
    font-size: 1.3rem;
    color: var(--accent-green);
    margin-bottom: 0.5rem;
    word-break: break-word;
}

.team-card.founder p {
    font-size: 1rem;
    font-weight: 600;
    color: var(--accent-orange);
}

.team-card.founder:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 40px rgba(63, 185, 80, 0.25);
}