.hero-section{min-height:var(--app-height,100svh);text-align:center;padding:var(--space-4xl)var(--space-xl);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero-background:before{content:"";background:radial-gradient(50% 80% at 50% 0,#7877c614 0%,#0000 70%);width:140%;height:100%;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.hero-background:after{content:"";background:radial-gradient(circle,#0071e30a 0%,#0000 50%);width:100%;height:60%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-eyebrow{letter-spacing:.02em;color:var(--text-secondary);margin-bottom:var(--space-lg);opacity:0;animation:fadeUp var(--duration-slower)var(--ease-out-expo)forwards;align-items:center;gap:8px;font-size:14px;font-weight:500;animation-delay:.1s;display:inline-flex}.hero-eyebrow-dot{background:#34c759;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.hero-title{margin-bottom:var(--space-lg);opacity:0;animation:fadeUp var(--duration-slower)var(--ease-out-expo)forwards;animation-delay:.2s}.hero-title-text{letter-spacing:-.035em;color:var(--text-primary);padding-bottom:2px;font-size:max(52px,min(10vw,96px));font-weight:700;line-height:1.15;display:block}.hero-title-gradient{letter-spacing:-.035em;background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)25%,var(--text-primary)50%,var(--text-tertiary)75%,var(--text-primary)100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:max(52px,min(10vw,96px));font-weight:700;line-height:1.15;animation:8s ease-in-out infinite gradientShift;display:block}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{letter-spacing:-.016em;color:var(--text-secondary);max-width:680px;margin:0 auto var(--space-2xl);opacity:0;animation:fadeUp var(--duration-slower)var(--ease-out-expo)forwards;font-size:max(19px,min(2.5vw,28px));font-weight:400;line-height:1.35;animation-delay:.35s}.hero-actions{justify-content:center;gap:var(--space-md);opacity:0;animation:fadeUp var(--duration-slower)var(--ease-out-expo)forwards;flex-wrap:wrap;animation-delay:.5s;display:flex}.app-store-badge{background:var(--color-black);border-radius:var(--radius-md);color:var(--color-white);letter-spacing:-.01em;transition:all var(--duration-normal)var(--ease-out-expo);align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.app-store-badge:hover{box-shadow:var(--shadow-lg);color:var(--color-white);transform:scale(1.03)}.app-store-badge svg{width:22px;height:22px}.scroll-indicator{bottom:var(--space-2xl);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator-text{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-size:12px;font-weight:500}.scroll-indicator-line{background:linear-gradient(to bottom,var(--text-tertiary),transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(10px)}}@media (max-width:768px){.hero-section{min-height:var(--app-height,85svh);padding:var(--space-3xl)var(--space-lg)}.hero-eyebrow{margin-bottom:var(--space-md);font-size:13px}.hero-title-text,.hero-title-gradient{letter-spacing:-.03em;font-size:max(40px,min(12vw,64px))}.hero-subtitle{margin-bottom:var(--space-xl);font-size:18px}.hero-actions{flex-direction:column;align-items:center}.scroll-indicator{display:none}}@media (max-width:480px){.hero-section{min-height:var(--app-height,80svh)}.hero-title-text,.hero-title-gradient{font-size:max(36px,min(14vw,52px))}.hero-subtitle{font-size:17px}}
.projects-section{padding:var(--space-5xl)0;background:var(--color-bg);position:relative}.projects-container{z-index:1;position:relative}.projects-header{text-align:center;margin-bottom:var(--space-4xl)}.projects-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:var(--space-md);font-size:14px;font-weight:600;display:inline-block}.projects-title{letter-spacing:-.028em;color:var(--text-primary);margin:0 0 var(--space-md);padding-bottom:4px;font-size:max(40px,min(6vw,64px));font-weight:700;line-height:1.2}.projects-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:max(17px,min(2vw,21px));font-weight:400;line-height:1.5}.projects-grid{max-width:1200px;padding:0 var(--space-xl)var(--space-2xl);flex-direction:column;align-items:center;gap:40px;margin:0 auto;display:flex}.project-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);transition:all .6s var(--ease-out-expo);border:1px solid #0000000a;flex-direction:row;flex-shrink:0;align-items:center;gap:24px;width:720px;max-width:100%;height:280px;padding:24px;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-8px)scale(1.01)}[data-theme=dark] .project-card{background:var(--color-bg-secondary);border-color:#ffffff1a}.project-card-visual{flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;overflow:visible}.project-card-icon-container{z-index:2;justify-content:center;align-items:center;width:160px;height:160px;font-size:48px;display:flex;position:relative}.project-card-content{flex-direction:column;flex:1;justify-content:center;gap:20px;display:flex;overflow:hidden}.project-card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.project-card-title{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:22px;font-weight:600}.project-card-description{color:var(--text-secondary);flex:1;margin:0;font-size:15px;font-weight:400;line-height:1.5}.project-card-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.project-store-links{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.btn-store{color:var(--text-secondary);transition:all .3s var(--ease-out-expo);background:#00000008;border:1px solid #0000000d;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.btn-store.active:hover{background:var(--color-white);border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-store.placeholder{cursor:default;opacity:.5}[data-theme=dark] .btn-store{background:#ffffff0a;border-color:#ffffff0f}.btn-github{transition:all .3s var(--ease-out-expo);background:#24292f;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;color:#fff!important}.btn-github:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .btn-github{background:#f0f6fc;color:#24292f!important}[data-theme=dark] .btn-github:hover{background:#fff}.coming-soon-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-blue);white-space:nowrap;background:#0071e30f;border:1px solid #0071e31f;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700}[data-theme=dark] .coming-soon-tag{background:#0a84ff14;border-color:#0a84ff26}@media (max-width:580px){.project-card{text-align:center;flex-direction:column;align-items:center;height:auto;padding:32px 24px}.project-card .project-card-header{justify-content:center}.project-card .project-card-visual{width:120px;height:120px}.project-card .project-card-icon-container{width:100px;height:100px}}@media (max-width:480px){.project-card{padding:var(--space-lg)}.project-store-links{grid-template-columns:1fr}}