:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #242424;--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .45);--border-color: rgba(255, 255, 255, .1);--accent: #a5a9eb;--accent-hover: #bec1f5;--accent-soft: rgba(165, 169, 235, .12);--card-border: rgba(255, 255, 255, .06);--spotlight-color: rgba(255, 255, 255, .055);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--max-width: 1200px;--border-radius: 12px;--transition: .2s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{--card-border: rgba(0, 0, 0, .06);--spotlight-color: rgba(0, 0, 0, .035);--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: rgba(0, 0, 0, .9);--text-secondary: rgba(0, 0, 0, .65);--text-tertiary: rgba(0, 0, 0, .45);--border-color: rgba(0, 0, 0, .1);--accent: #6266aa;--accent-hover: #535797;--accent-soft: rgba(98, 102, 170, .09)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--text-primary)}h1{font-size:3rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}p{line-height:1.7;color:var(--text-secondary)}a{color:var(--text-primary);text-decoration:none;transition:color var(--transition)}a:hover,a:focus-visible{color:var(--accent-hover)}button{font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;border:none;background:none;transition:all var(--transition)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:500;text-align:center;transition:all var(--transition);border:2px solid transparent}.btn-primary{background-color:var(--accent);color:var(--bg-primary)}.btn-primary:hover{color:var(--bg-primary);opacity:.9;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent);transform:translateY(-2px)}@media(max-width:768px){h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.btn:hover{transform:none}}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background-color:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f0f0fe6}@media(prefers-color-scheme:light){.header{background-color:#ffffffe6}}.nav-container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg);display:flex;gap:var(--spacing-md);justify-content:center}.nav-link{position:relative;isolation:isolate;overflow:hidden;border-radius:999px;white-space:nowrap;color:var(--text-secondary);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:color .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.nav-link:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--accent-soft);opacity:0;transform:translateY(65%) scale(.85);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease}.nav-link:focus-visible{color:var(--accent-hover)}.nav-link:focus-visible:before{opacity:1;transform:none}@media(hover:hover)and (pointer:fine){.nav-link:hover{color:var(--accent-hover);transform:translateY(-1px)}.nav-link:hover:before{opacity:1;transform:none}}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);background:radial-gradient(ellipse at center,var(--bg-secondary) 0%,var(--bg-primary) 70%)}.hero-content{max-width:800px;text-align:center}.hero-title{font-size:clamp(3rem,10vw,5.5rem);margin-bottom:var(--spacing-lg);color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);color:var(--accent);margin-bottom:var(--spacing-2xl);font-weight:400}.hero-description{text-wrap:balance;font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:540px;margin-left:auto;margin-right:auto;line-height:1.7}.hero-cta{display:flex;justify-content:center}.hero-cta-link{font-size:1.125rem;color:var(--text-primary);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;padding:var(--spacing-sm) 0;transition:color var(--transition)}.hero-cta-link:hover,.hero-cta-link:focus-visible{color:var(--accent-hover)}.section{padding:var(--spacing-2xl) var(--spacing-lg)}.section-alt{background-color:var(--bg-secondary)}.section-content{max-width:var(--max-width);margin:0 auto}.section-title{margin-bottom:var(--spacing-xl);text-align:center;position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--accent);margin:var(--spacing-md) auto 0}.about-text{max-width:800px;margin:0 auto}.about-text p{font-size:1.125rem;margin-bottom:var(--spacing-md);line-height:1.8}.about-text p:last-child{margin-bottom:0}.about-text a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}#apps .section-content{max-width:900px}.apps-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}@media(min-width:768px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}}.app-card{padding:clamp(1.5rem,3vw,2rem);display:flex;flex-direction:column;text-align:left}.app-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.app-card-heading{min-width:0}.app-icon{width:64px;height:64px;flex-shrink:0;border-radius:15px}.app-name{font-size:1.25rem;margin-bottom:.375rem;color:var(--text-primary);font-weight:600;overflow-wrap:anywhere}.app-platforms{font-size:.75rem;color:var(--text-secondary);line-height:1.6;text-wrap:balance}.app-description{margin-bottom:1.5rem;line-height:1.7;color:var(--text-secondary);flex-grow:1}.app-links{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem}.app-links a{display:inline-block;padding-block:.625rem;min-height:44px;font-size:.875rem;font-weight:500;text-underline-offset:4px;text-decoration-skip-ink:none;white-space:nowrap}.app-links a:hover{text-decoration:underline}.app-links a+a{color:var(--text-secondary)}.app-links a:hover,.app-links a:focus-visible{color:var(--accent-hover)}.footer{padding:var(--spacing-xl) var(--spacing-lg);background-color:var(--bg-primary);margin-top:auto}.footer-content{max-width:var(--max-width);margin:0 auto;text-align:center}.copyright{color:var(--text-tertiary);font-size:.875rem}@media(max-width:767px){.app-description{text-wrap:pretty}}@media(max-width:768px){.app{--nav-link-line-height: 1.4rem;--header-height: calc(2 * var(--spacing-md) + 2 * var(--spacing-xs) + var(--nav-link-line-height))}.hero{min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:var(--spacing-xl) var(--spacing-md)}.hero-title{margin-bottom:var(--spacing-sm)}.section{padding:var(--spacing-xl) var(--spacing-md)}.nav-container{padding:var(--spacing-md);gap:var(--spacing-sm)}.nav-link{font-size:.875rem;line-height:var(--nav-link-line-height)}}.fade-content{opacity:1}.fade-content[data-visible=true]{animation:content-entrance .45s ease-out var(--reveal-delay, 0ms) both}@keyframes content-entrance{0%{opacity:0}to{opacity:1}}.fade-content[data-visible=false]{opacity:0}.fade-content[data-visible][data-immediate=true]{opacity:1;animation:none}.app-reveal{display:flex}@media(min-width:768px){.app-reveal:nth-child(2n){--reveal-delay: 60ms}}.spotlight-card{position:relative;isolation:isolate;width:100%;border:1px solid var(--card-border);border-radius:var(--border-radius);transition:border-color var(--transition)}.spotlight-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(320px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%),var(--spotlight-color),transparent 75%);opacity:0;transition:opacity .25s ease}.spotlight-card[data-spotlight=true]:before{opacity:1}.spotlight-card:has(:focus-visible){border-color:var(--text-tertiary)}@media(prefers-reduced-motion:reduce){.nav-link:hover,.nav-link:before{transform:none}.fade-content,.fade-content[data-visible]{opacity:1;animation:none}.spotlight-card:before{display:none}}