.main-content{min-height:100vh;padding-top:80px;position:relative;z-index:2}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-12) var(--spacing-6);background:transparent}.hero-content{max-width:800px}.hero-greeting{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-6);line-height:1.2}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.hero-cta{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.about-content{max-width:var(--max-width-lg);margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;margin-top:var(--spacing-12)}.about-image{width:100%;max-width:400px;height:auto;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-xl)}.about-text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.about-highlights{margin-top:var(--spacing-8);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.highlight-item{padding:var(--spacing-4);background-color:var(--color-background-alt);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.highlight-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.highlight-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.project-links{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.skills-categories{margin-top:var(--spacing-12)}.skill-category{margin-bottom:var(--spacing-12)}.skill-category-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--color-border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-6)}.skill-item{background-color:var(--color-surface);padding:var(--spacing-5);border-radius:var(--border-radius-lg);border:var(--border-width-thin) solid var(--color-border);transition:all var(--transition-normal)}.skill-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.skill-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.skill-level{font-size:var(--font-size-sm);color:var(--color-text-muted)}.skill-bar{height:8px;background-color:var(--color-background-alt);border-radius:var(--border-radius-full);overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--border-radius-full);transition:width 1s ease-in-out}.contact-content{max-width:var(--max-width-md);margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);margin-top:var(--spacing-12)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-6)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-4)}.contact-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.contact-details h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.contact-details p{color:var(--color-text-secondary);margin-bottom:0}.contact-form-wrapper{background-color:var(--color-surface);padding:var(--spacing-8);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.6s ease-out}.delay-1{animation-delay:0.1s}.delay-2{animation-delay:0.2s}.delay-3{animation-delay:0.3s}.delay-4{animation-delay:0.4s}.back-to-top{position:fixed;bottom:var(--spacing-8);right:var(--spacing-8);width:50px;height:50px;background-color:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:var(--z-index-fixed);box-shadow:var(--shadow-lg)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-4px)}.loader{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}