*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#f8faf9;--bg-tertiary:#f0f4f2;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--accent:#2d8b5e;--accent-light:#e8f5f0;--dark-bg-primary:#0f1419;--dark-bg-secondary:#1a1f27;--dark-bg-tertiary:#242d38;--dark-text-primary:#fff;--dark-text-secondary:#b0b0b0;--dark-border-color:#333;--dark-accent:#4ade80;--dark-accent-light:#1a3a2a}html.dark{--bg-primary:var(--dark-bg-primary);--bg-secondary:var(--dark-bg-secondary);--bg-tertiary:var(--dark-bg-tertiary);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--border-color:var(--dark-border-color);--accent:var(--dark-accent);--accent-light:var(--dark-accent-light)}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}header{border-bottom:1px solid var(--border-color);background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:all .3s ease}html.dark header{background-color:rgba(15,20,25,.95)}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}h1{font-size:2rem;font-weight:700;letter-spacing:-.5px}.subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.theme-toggle{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9999px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--text-primary);transition:all .3s ease}.theme-toggle:hover{background-color:var(--accent-light);border-color:var(--accent)}.theme-icon{font-size:1.2rem;transition:transform .3s ease}.theme-toggle:hover .theme-icon{transform:rotate(12deg)}main{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-tertiary) 100%)}.hero{max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center}.hero-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin:2rem 0;letter-spacing:-1px;line-height:1.2}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:1.5rem auto;line-height:1.8}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0}.philosophy-card{background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;border-radius:12px;text-align:center;transition:all .3s ease}html.dark .philosophy-card{background-color:rgba(26,31,39,.6)}.philosophy-card:hover{transform:translateY(-4px);background-color:var(--accent-light)}.philosophy-icon{font-size:2.5rem;margin-bottom:1rem}.philosophy-card h3{font-size:1.2rem;margin-bottom:.75rem;font-weight:600}.philosophy-card p{font-size:.95rem;color:var(--text-secondary)}.apps-section{max-width:1200px;margin:0 auto;padding:3rem 2rem}.section-title{font-size:2rem;text-align:center;margin-bottom:2.5rem;font-weight:700}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.app-card{position:relative;overflow:hidden;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;text-decoration:none;color:inherit}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-light) 0,transparent 100%);opacity:0;transition:opacity .3s ease;z-index:0}.app-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(45,139,94,.15);transform:translateY(-4px);color:var(--accent)}.app-card:hover:before{opacity:1}.app-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%}.app-icon{font-size:3.5rem;transition:transform .3s ease}.app-card:hover .app-icon{transform:scale(1.15) rotate(12deg)}.app-name{font-size:1.4rem;font-weight:600;margin:.75rem 0 .5rem;color:var(--text-primary)}.app-card:hover .app-name{color:var(--accent)}.app-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.app-card:hover .app-description{color:var(--text-primary)}.app-link{color:var(--accent);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-top:auto}.app-card:hover .app-link{gap:.75rem;opacity:1}.app-link:hover{color:var(--accent)}footer{border-top:1px solid var(--border-color);background-color:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3rem 2rem;text-align:center;margin-top:3rem}html.dark footer{background-color:rgba(15,20,25,.5)}.footer-quote{font-size:1rem;font-style:italic;margin-bottom:1.5rem}.footer-copy,.footer-quote{color:var(--text-secondary)}.footer-copy{font-size:.85rem}@media (max-width:768px){.header-container{flex-direction:column;gap:1.5rem}.hero{padding:2rem 1.5rem}.philosophy-grid{gap:1rem}.apps-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeIn .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}