@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--surface: #111111;--card: #161616;--border: #1f1f1f;--text: #ffffff;--text-dim: #a0a0a0;--text-muted: #666666;--accent: #00ff88;--accent-dim: rgba(0,255,136,.1);--purple: #a78bfa;--purple-dim: rgba(167,139,250,.1);--blue: #60a5fa;--blue-dim: rgba(96,165,250,.1);--orange: #fbbf24;--orange-dim: rgba(251,191,36,.1);--pink: #f472b6;--pink-dim: rgba(244,114,182,.1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:720px;margin:0 auto;padding:0 24px;opacity:0;transition:opacity .6s ease}.app.loaded{opacity:1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 0;position:relative}.hero-emoji{font-size:64px;margin-bottom:24px}.hero h1{font-size:52px;font-weight:800;letter-spacing:-2px;margin-bottom:16px;line-height:1.1}.hero .gradient{background:linear-gradient(135deg,var(--accent),var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .tagline{font-size:20px;color:var(--text-dim);font-weight:400;margin-bottom:24px}.hero .subtitle{font-size:16px;color:var(--text-muted);max-width:560px;line-height:1.8}.scroll-hint{position:absolute;bottom:40px;font-size:24px;color:var(--text-muted);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{padding:80px 0;border-top:1px solid var(--border)}.section-number{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.section h2{font-size:36px;font-weight:800;letter-spacing:-1.5px;margin-bottom:12px}.section-intro{font-size:16px;color:var(--text-dim);max-width:600px;line-height:1.7}.feature-list{list-style:none;margin-top:40px}.feature-list li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}.feature-list li:last-child{border-bottom:none}.feature-list .icon{font-size:20px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:10px}.feature-list h4{font-size:16px;font-weight:600;margin-bottom:4px}.feature-list p{font-size:14px;color:var(--text-dim);line-height:1.6}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .2s}.card:hover{border-color:#333}.card-icon{font-size:28px;margin-bottom:16px;display:block}.card h3{font-size:16px;font-weight:700;margin-bottom:8px}.card p{font-size:13px;color:var(--text-dim);line-height:1.6}.tag{display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;margin-top:16px}.tag-green{background:var(--accent-dim);color:var(--accent)}.tag-purple{background:var(--purple-dim);color:var(--purple)}.tag-blue{background:var(--blue-dim);color:var(--blue)}.tag-orange{background:var(--orange-dim);color:var(--orange)}.tag-pink{background:var(--pink-dim);color:var(--pink)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}.stat{text-align:center;padding:24px 16px;background:var(--card);border:1px solid var(--border);border-radius:16px}.stat .number{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat .label{font-size:12px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.skills-table{margin-top:40px}.skill-row{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);gap:16px}.skill-row:last-child{border-bottom:none}.skill-name{font-size:14px;font-weight:600;width:180px;flex-shrink:0}.skill-desc{font-size:13px;color:var(--text-dim);flex:1;line-height:1.5}.skill-level{flex-shrink:0}.dots{display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.dot.filled{background:var(--accent)}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.philosophy-item{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center}.philosophy-item .icon{font-size:28px;margin-bottom:12px}.philosophy-item h4{font-size:14px;font-weight:600;margin-bottom:8px}.philosophy-item p{font-size:13px;color:var(--text-dim);line-height:1.6}.quote-block{background:var(--card);border-left:3px solid var(--accent);border-radius:0 16px 16px 0;padding:28px 32px;margin:32px 0}.quote-block blockquote{font-size:18px;font-style:italic;line-height:1.6;color:var(--text)}.quote-block cite{display:block;font-size:13px;color:var(--text-muted);margin-top:12px;font-style:normal}.code-block{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px 28px;margin-top:24px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:13px;line-height:1.8;overflow-x:auto}.code-block .comment{color:var(--text-muted)}.code-block .keyword{color:var(--purple)}.code-block .str{color:var(--accent)}.code-block .prop{color:var(--blue)}.dream-list{margin-top:40px}.dream-item{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:12px}.dream-item h4{font-size:17px;font-weight:600;margin-bottom:8px}.dream-item p{font-size:14px;color:var(--text-dim);line-height:1.7}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.team-member{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.team-member h4{font-size:16px;font-weight:700;margin-bottom:4px}.team-member .role{font-size:12px;color:var(--accent);font-weight:500;margin-bottom:10px}.team-member p{font-size:13px;color:var(--text-dim);line-height:1.6}.fun-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.fun-fact{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.fun-fact .emoji{font-size:24px;margin-bottom:12px}.fun-fact h4{font-size:14px;font-weight:600;margin-bottom:6px}.fun-fact p{font-size:13px;color:var(--text-dim);line-height:1.6}.footer{text-align:center;padding:80px 0;border-top:1px solid var(--border)}.footer-emoji{font-size:48px;margin-bottom:16px}.footer h3{font-size:24px;font-weight:700;margin-bottom:8px}.footer p{font-size:14px;color:var(--text-dim)}.footer .version{margin-top:24px;font-size:12px;color:var(--text-muted)}@media(max-width:640px){.hero h1{font-size:36px}.hero .tagline{font-size:16px}.section h2{font-size:28px}.card-grid,.philosophy-grid,.team-grid,.fun-facts{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.skill-row{flex-direction:column;align-items:flex-start}.skill-name{width:auto}.skill-level{margin-left:0}}