:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#f4f5f7;margin:0}a{color:inherit}:root{--bg-primary:#0a0a0a;--bg-card:#111;--text-primary:#fff;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-dark:#475569;--border-subtle:#ffffff0d;--border-light:#ffffff1a;--border-hover:#fff3;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--violet-600:#7c3aed;--purple-400:#c084fc;--pink-400:#f472b6;--emerald-400:#34d399;--emerald-500:#10b981;--amber-400:#fbbf24;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:#6366f14d}.page-wrapper{min-height:100vh;position:relative}.background-grid{z-index:0;pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 1px 1px,#333 1px,#0000 0);background-size:40px 40px;position:fixed;inset:0}.header{z-index:50;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);background:#0a0a0acc;width:100%;position:fixed;top:0}.header-scrolled{border-bottom-color:var(--border-light);background:#0a0a0af2}.header-container{justify-content:space-between;align-items:center;max-width:1152px;height:64px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-icon{background:linear-gradient(135deg,var(--indigo-600),var(--violet-600));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #6366f133}.logo-icon-svg{width:20px;height:20px;color:var(--text-primary)}.logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.logo-accent{color:var(--indigo-400)}.nav{align-items:center;gap:32px;font-size:.875rem;font-weight:500;display:flex}.nav-link{color:var(--text-secondary);transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-btn{border:1px solid var(--border-light);color:var(--text-primary);background:#ffffff0d;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;transition:background .2s;display:flex}.nav-btn:hover{background:#ffffff1a}.nav-btn-icon{width:16px;height:16px}.main-content{z-index:10;padding-top:128px;padding-bottom:80px;position:relative}.hero-section{max-width:1152px;margin:0 auto 128px;padding:0 24px}.system-badge{color:var(--indigo-400);background:#6366f11a;border:1px solid #6366f133;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:4px 12px;font-family:monospace;font-size:.75rem;display:inline-flex}.system-badge-dot{width:8px;height:8px;display:flex;position:relative}.system-badge-ping{background:var(--indigo-400);opacity:.75;border-radius:9999px;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;display:inline-flex;position:absolute}.system-badge-core{background:var(--indigo-500);border-radius:9999px;width:8px;height:8px;display:inline-flex;position:relative}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.hero-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(3rem,8vw,4.5rem);font-weight:700;line-height:1.1}.hero-title-gradient{background:linear-gradient(to right,var(--indigo-400),var(--purple-400),var(--pink-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--slate-400);max-width:672px;margin-bottom:40px;font-size:1.25rem;line-height:1.7}.hero-actions{flex-direction:column;gap:16px;display:flex}@media (min-width:640px){.hero-actions{flex-direction:row}}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 32px;font-weight:600;transition:background .2s;display:inline-flex}.btn-primary:hover{background:#e2e8f0}.btn-secondary{border:1px solid var(--border-light);color:var(--slate-400);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 32px;display:flex}.btn-icon{width:16px;height:16px}.btn-mono{font-family:monospace;font-size:.875rem}.philosophy-section{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff05;margin-bottom:128px}.philosophy-grid{grid-template-columns:1fr;gap:48px;max-width:1152px;margin:0 auto;padding:48px 24px;display:grid}@media (min-width:768px){.philosophy-grid{grid-template-columns:repeat(3,1fr)}}.philosophy-card{flex-direction:column;gap:12px;display:flex}.philosophy-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex}.philosophy-icon-blue{color:#60a5fa;background:#3b82f61a}.philosophy-icon-purple{color:#c084fc;background:#a855f71a}.philosophy-icon-emerald{color:var(--emerald-400);background:#10b9811a}.philosophy-icon .icon{width:20px;height:20px}.philosophy-title{color:var(--text-primary);font-size:1rem;font-weight:600}.philosophy-text{color:var(--slate-500);font-size:.875rem;line-height:1.6}.portfolio-section{max-width:1152px;margin:0 auto 128px;padding:0 24px}.portfolio-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-end;margin-bottom:48px;padding-bottom:24px;display:flex}.portfolio-title{color:var(--text-primary);margin-bottom:8px;font-size:1.875rem;font-weight:700}.portfolio-subtitle{color:var(--slate-500)}.portfolio-count{color:var(--slate-600);font-family:monospace;font-size:.75rem;display:none}@media (min-width:768px){.portfolio-count{display:block}}.portfolio-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.app-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.app-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.app-card-glow{opacity:0;transition:opacity .5s;position:absolute;inset:0}.app-card:hover .app-card-glow{opacity:.05}.app-card-content{z-index:10;flex-direction:column;height:100%;padding:24px;display:flex;position:relative}.app-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.app-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 16px #0000004d}.icon-white{width:24px;height:24px;color:var(--text-primary);opacity:.9}.app-card-title{color:var(--text-primary);margin-bottom:4px;font-size:1.25rem;font-weight:700;transition:color .2s}.app-card:hover .app-card-title{color:var(--indigo-400)}.app-card-tagline{color:#818cf8cc;margin-bottom:16px;font-family:monospace;font-size:.875rem}.app-card-description{color:var(--slate-400);flex-grow:1;font-size:.875rem;line-height:1.6}.app-card-footer{border-top:1px solid var(--border-subtle);color:var(--text-primary);opacity:0;align-items:center;gap:8px;margin-top:24px;padding-top:24px;font-size:.875rem;font-weight:500;transition:all .3s;display:flex;transform:translateY(8px)}.app-card:hover .app-card-footer{opacity:1;transform:translateY(0)}.icon-small{width:12px;height:12px}.status-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:9999px;padding:2px 8px;font-family:monospace;font-size:.625rem}.status-badge-live{color:var(--emerald-400);background:#10b9811a;border-color:#10b98133}.status-badge-beta{color:var(--amber-400);background:#fbbf241a;border-color:#fbbf2433}.status-badge-concept{color:var(--slate-400);background:#64748b1a;border-color:#64748b33}.app-card-empty{border:1px dashed var(--border-light);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:24px;transition:background .2s;display:flex}.app-card-empty:hover{background:#ffffff05}.app-card-empty-icon{background:#ffffff0d;border-radius:9999px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;transition:transform .2s;display:flex}.app-card-empty:hover .app-card-empty-icon{transform:scale(1.1)}.app-card-empty-icon span{color:var(--slate-600);font-size:1.5rem}.app-card-empty-title{color:var(--text-secondary);margin-bottom:4px;font-size:1rem;font-weight:600}.app-card-empty-subtitle{color:var(--slate-600);font-family:monospace;font-size:.75rem}.manifesto-section{text-align:center;border-top:1px solid var(--border-light);max-width:896px;margin:0 auto;padding:80px 24px 0}.manifesto-title{color:var(--text-primary);margin-bottom:24px;font-size:1.5rem;font-weight:700}.manifesto-text{color:var(--slate-400);max-width:672px;margin:0 auto 32px}.manifesto-links{color:var(--slate-500);justify-content:center;align-items:center;gap:24px;margin-bottom:48px;font-size:.875rem;display:flex}.manifesto-links a{transition:color .2s}.manifesto-links a:hover{color:var(--text-primary)}.manifesto-dot{background:var(--slate-700);border-radius:9999px;width:4px;height:4px}.manifesto-copyright{opacity:.5;justify-content:center;align-items:center;gap:16px;transition:opacity .2s;display:flex}.manifesto-copyright:hover{opacity:1}.manifesto-copyright span{color:var(--slate-600);font-size:.75rem}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#10b98100)}.to-teal-900{--tw-gradient-to:#134e4a}.from-purple-500{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#a855f700)}.to-indigo-900{--tw-gradient-to:#312e81}.from-orange-500{--tw-gradient-from:#f97316;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#f9731600)}.to-red-900{--tw-gradient-to:#7f1d1d}@media (max-width:768px){.nav{display:none}.hero-section,.portfolio-section,.philosophy-section{margin-bottom:80px}.portfolio-header{flex-direction:column;align-items:flex-start;gap:8px}}