section.svelte-10joqin{padding:0;width:100vw;min-height:calc(100vh - 60px);text-align:center;position:relative}h1.svelte-10joqin{font-family:Zain,sans-serif;font-weight:700;font-size:2.8rem;margin:0 0 8px;line-height:1.1;background:linear-gradient(135deg,#dfe3e8,#1884ff,#f0f2f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}h2.svelte-10joqin{margin:0 0 10px;font-size:1.6rem;color:#dfe3e8e6;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-weight:300}h2.svelte-10joqin a:where(.svelte-10joqin){color:#a8c8e0;text-shadow:1px 1px 3px rgba(0,0,0,.5);transition:color .3s ease}h2.svelte-10joqin a:where(.svelte-10joqin):hover{color:#dfe3e8}.landing-overlay.svelte-10joqin .icon{transition:transform .3s ease}.landing-overlay.svelte-10joqin .icon:hover{transform:scale(1.15) translateY(-2px)}.landing-overlay.svelte-10joqin .icon a{color:#dfe3e8;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.7));transition:color .3s ease}.landing-overlay.svelte-10joqin .icon a:hover{color:var(--accent-warm)}.animate-in.svelte-10joqin{opacity:0;transform:translateY(20px);animation:svelte-10joqin-fadeInUp .8s ease-out forwards}.animate-delay-1.svelte-10joqin{animation-delay:.1s}.animate-delay-2.svelte-10joqin{animation-delay:.3s}.animate-delay-3.svelte-10joqin{animation-delay:.5s}.animate-delay-4.svelte-10joqin{animation-delay:.6s}.animate-delay-5.svelte-10joqin{animation-delay:.7s}.animate-delay-7.svelte-10joqin{animation-delay:1.2s}@keyframes svelte-10joqin-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator.svelte-10joqin{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-decoration:none;cursor:pointer;z-index:3;opacity:.6}.scroll-arrow.svelte-10joqin{width:24px;height:24px;border-right:1.5px solid #dfe3e8;border-bottom:1.5px solid #dfe3e8;transform:rotate(45deg);animation:svelte-10joqin-bounce 2s infinite;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}@keyframes svelte-10joqin-bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(8px)}60%{transform:rotate(45deg) translateY(4px)}}html.light h1.svelte-10joqin{background:linear-gradient(135deg,#2e3338,#5a7085,#2e3338);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(1px 1px 2px rgba(255,255,255,.3))}html.light h2.svelte-10joqin{color:#2e3338;text-shadow:1px 1px 2px rgba(255,255,255,.5)}html.light h2.svelte-10joqin a:where(.svelte-10joqin){color:#4a7a8a;text-shadow:none}html.light h2.svelte-10joqin a:where(.svelte-10joqin):hover{color:#2e3338}html.light .landing-overlay.svelte-10joqin .icon a{color:#2e3338;filter:drop-shadow(1px 1px 2px rgba(255,255,255,.5))}html.light .landing-overlay.svelte-10joqin .icon a:hover{color:var(--accent-warm)}html.light .scroll-arrow.svelte-10joqin{border-right-color:#2e3338;border-bottom-color:#2e3338;filter:drop-shadow(1px 1px 2px rgba(255,255,255,.3))}@media(prefers-reduced-motion:reduce){.animate-in.svelte-10joqin{opacity:1;transform:none;animation:none}.scroll-arrow.svelte-10joqin{animation:none}.landing-overlay.svelte-10joqin .icon,.landing-overlay.svelte-10joqin .icon a{transition:none}h2.svelte-10joqin a:where(.svelte-10joqin){transition:none}}section.svelte-7hpc9t{padding:40px 24px;width:auto;min-height:auto;max-width:1200px;margin:0 auto;scroll-margin-top:65px}.about-grid.svelte-7hpc9t{display:grid;grid-template-columns:1fr;gap:24px}.card.svelte-7hpc9t{background:var(--background-nav);border-radius:16px;padding:28px;border:var(--border-soft);opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out,box-shadow .3s ease,border-color .3s ease}section.visible.svelte-7hpc9t .card:where(.svelte-7hpc9t){opacity:1;transform:translateY(0)}.card.svelte-7hpc9t:hover{border-color:var(--accent-warm);box-shadow:var(--card-hover-glow)}section.visible.svelte-7hpc9t .intro-card:where(.svelte-7hpc9t){transition-delay:.1s}section.visible.svelte-7hpc9t .working-card:where(.svelte-7hpc9t){transition-delay:.25s}section.visible.svelte-7hpc9t .link-grid:where(.svelte-7hpc9t){transition-delay:.35s}.intro-card.svelte-7hpc9t{grid-column:1 / -1}.card-header.svelte-7hpc9t{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.card-icon.svelte-7hpc9t{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:var(--background-ternary);border-radius:8px;color:var(--accent-warm)}.card.svelte-7hpc9t h3:where(.svelte-7hpc9t){margin:0;font-size:1.4rem;color:var(--font-primary);flex:1;min-width:150px}.card.svelte-7hpc9t p:where(.svelte-7hpc9t){margin:0;line-height:1.8;color:var(--font-secondary)}.card.svelte-7hpc9t p:where(.svelte-7hpc9t) a:where(.svelte-7hpc9t){color:var(--font-link);transition:color .3s ease}.card.svelte-7hpc9t p:where(.svelte-7hpc9t) a:where(.svelte-7hpc9t):hover{color:var(--font-primary)}.ai-badge.svelte-7hpc9t{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:var(--background-ternary);border-radius:20px;font-size:.9rem;color:var(--font-primary)}.ai-badge.svelte-7hpc9t svg:where(.svelte-7hpc9t){color:var(--accent-warm)}.link-grid.svelte-7hpc9t{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;grid-column:1 / -1;opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}section.visible.svelte-7hpc9t .link-grid:where(.svelte-7hpc9t){opacity:1;transform:translateY(0)}.link-card.svelte-7hpc9t{position:relative;display:block;height:180px;background:var(--background-nav);border:var(--border-soft);border-radius:16px;cursor:pointer;text-decoration:none;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.link-card.svelte-7hpc9t:hover{transform:scale(1.02);border-color:var(--accent-warm);box-shadow:var(--card-hover-glow)}.link-card.svelte-7hpc9t picture:where(.svelte-7hpc9t){display:block;width:100%;height:100%}.link-card-image.svelte-7hpc9t{width:100%;height:100%;object-fit:cover}.link-card.svelte-7hpc9t:has(.antstack-image:where(.svelte-7hpc9t)){background:#eaecf1;border-color:#b4b9c399}.antstack-image.svelte-7hpc9t{object-fit:cover}.link-card-overlay.svelte-7hpc9t{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;background:linear-gradient(to bottom,transparent 0%,rgba(21,24,26,.4) 30%,rgba(21,24,26,.85) 60%,rgba(21,24,26,.95) 100%);height:45%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.link-label.svelte-7hpc9t{color:#dfe3e8cc;font-size:calc(.75rem + 2px);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.link-value.svelte-7hpc9t{color:#dfe3e8;font-weight:600;font-size:calc(1rem + 2px)}@media(min-width:768px){section.svelte-7hpc9t{padding:60px 40px}.about-grid.svelte-7hpc9t{grid-template-columns:repeat(2,1fr)}.intro-card.svelte-7hpc9t,.working-card.svelte-7hpc9t{grid-column:1 / -1}.link-grid.svelte-7hpc9t{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px)and (max-width:1024px){.link-grid.svelte-7hpc9t{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.card.svelte-7hpc9t,.link-grid.svelte-7hpc9t{opacity:1;transform:none;transition:box-shadow .3s ease,border-color .3s ease}.link-card.svelte-7hpc9t{transition:border-color .3s ease,box-shadow .3s ease}.link-card.svelte-7hpc9t:hover{transform:none}section.visible.svelte-7hpc9t .card:where(.svelte-7hpc9t),section.visible.svelte-7hpc9t .link-grid:where(.svelte-7hpc9t){transition-delay:0s}}
