:root{--text:#4b4558;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#6b21a8;--accent-light:#6b21a81a;--shadow:#00000014 0 4px 24px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:Nunito,sans-serif;font-size:18px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#0f0d14;--border:#2e303a;--accent:#a855f7;--accent-light:#a855f71f;--shadow:#0006 0 4px 24px}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{color:var(--text-h);margin:0;font-family:Nunito,sans-serif;font-weight:800}h1{letter-spacing:-1px;font-size:64px}@media (width<=768px){h1{font-size:40px}}h2{font-size:26px}p{margin:0}#app{flex-direction:column;width:1100px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}header{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 32px 56px;display:flex}@media (width<=768px){header{padding:48px 20px 40px}}.site-logo{object-fit:cover;width:140px;height:140px;box-shadow:var(--shadow);border-radius:28px;margin-bottom:8px}.slogan{color:var(--text);font-size:22px;font-weight:500}@media (width<=768px){.slogan{font-size:18px}}.header-btn{background:var(--accent-light);color:var(--accent);border-radius:100px;margin-top:8px;padding:10px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-block}.header-btn:hover{background:var(--accent);color:#fff;box-shadow:var(--shadow)}#projects{border-top:1px solid var(--border);flex-direction:column;gap:0;padding:48px 48px 64px;display:flex}@media (width<=768px){#projects{padding:32px 20px 48px}}.projects-heading{text-transform:uppercase;letter-spacing:2px;color:var(--text);margin-bottom:40px;font-size:13px;font-weight:700}.project-card{align-items:center;gap:48px;padding:32px 0;display:flex}@media (width<=768px){.project-card{text-align:center;flex-direction:column;align-items:center;gap:28px}}.project-screenshot{flex-shrink:0}.project-screenshot img{width:200px;box-shadow:var(--shadow);border-radius:20px;display:block}@media (width<=768px){.project-screenshot img{width:160px}}.project-info{flex-direction:column;flex:1;gap:16px;display:flex}.project-header{align-items:center;gap:16px;display:flex}@media (width<=768px){.project-header{justify-content:center}}.project-logo{width:60px;height:60px;box-shadow:var(--shadow);border-radius:14px;flex-shrink:0}.project-description{color:var(--text);max-width:520px;font-size:17px;line-height:1.65}.app-store-badge{text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.app-store-badge svg{width:130px;height:auto;display:block}.app-store-badge:hover{opacity:.8;transform:translateY(-1px)}.project-divider{border:none;border-top:1px solid var(--border);margin:0}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}footer{border-top:1px solid var(--border);text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:12px;padding:28px 32px;font-size:14px;display:flex}.footer-contact{color:var(--accent);font-weight:700;text-decoration:none}.footer-contact:hover{text-decoration:underline}