@media (max-width:480px){.hero-buttons{align-items:center;gap:var(--spacing-sm);flex-direction:column}.btn{width:100%;max-width:250px}.social-links{gap:var(--spacing-md)}}.page-container{z-index:1;position:relative}.tech-section{background-color:var(--color-background-secondary);padding:var(--spacing-2xl)0}.tech-categories{gap:var(--spacing-xl);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.tech-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:var(--spacing-lg);background-color:rgba(30,41,59,.6);border:1px solid rgba(59,130,246,.1);transition:transform .3s,border-color .3s}.tech-category:hover{border-color:rgba(59,130,246,.3);transform:translateY(-5px)}.tech-category h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold)}.tech-grid{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.card-tech{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.hero-description{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:var(--line-height-normal)}@media (max-width:768px){.tech-categories{gap:var(--spacing-lg);grid-template-columns:1fr}.tech-category{padding:var(--spacing-md)}}.hero-section{min-height:100vh;padding:var(--spacing-2xl)0;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-normal)}.hero-buttons{gap:var(--spacing-md);justify-content:center;display:flex}.scroll-indicator{bottom:var(--spacing-2xl);color:var(--color-text-secondary);position:absolute;left:50%;transform:translate(-50%)}.section{padding:var(--spacing-2xl)0}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;margin-bottom:var(--spacing-2xl)}.projects-section{background-color:var(--color-background-primary)}.about-section{background-color:var(--color-background-secondary)}.about-description{text-align:center;max-width:800px;margin:0 auto var(--spacing-2xl);color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.skills-grid{gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.skill-badge{background-color:var(--color-background-tertiary);border-radius:var(--radius-full);padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);border:1px solid rgba(157,60,67,.1)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.card-description{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.card-link{margin-top:var(--spacing-lg);color:var(--color-accent-primary);font-weight:var(--font-weight-medium);padding-top:var(--spacing-sm);text-decoration:none;display:inline-block}.card-link:hover{text-decoration:underline}.coming-soon-badge{color:var(--color-accent-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xs)var(--spacing-sm);background-color:rgba(107,45,92,.2);display:inline-block}.contact-section{background-color:var(--color-background-primary);text-align:center}.contact-description{max-width:600px;margin:0 auto var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.social-links{gap:var(--spacing-lg);margin-top:var(--spacing-xl);flex-wrap:wrap;justify-content:center;display:flex}.social-link{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-decoration:none;transition:color .2s}.social-link:hover{color:var(--color-accent-primary)}.footer{background-color:var(--color-background-secondary);padding:var(--spacing-lg)0;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);border-top:1px solid rgba(157,60,67,.1)}