.about-page.svelte-cwls5q{min-height:100vh}.container.svelte-cwls5q{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section.svelte-cwls5q{padding:4rem 0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary),transparent 80%),color-mix(in srgb,var(--color-secondary),transparent 80%))}.hero-content.svelte-cwls5q{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center}@media(max-width:768px){.hero-content.svelte-cwls5q{grid-template-columns:1fr;gap:2rem;text-align:center}}.hero-text.svelte-cwls5q h1:where(.svelte-cwls5q){font-size:var(--font-size-5xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}@media(max-width:768px){.hero-text.svelte-cwls5q h1:where(.svelte-cwls5q){font-size:var(--font-size-4xl)}}.hero-text.svelte-cwls5q h2:where(.svelte-cwls5q){font-size:1.5rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:500}.hero-text.svelte-cwls5q .location:where(.svelte-cwls5q){color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:1.1rem}.hero-text.svelte-cwls5q .bio:where(.svelte-cwls5q){font-size:1.1rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:2rem}.hero-text.svelte-cwls5q .contact-btn:where(.svelte-cwls5q){display:inline-block;background:var(--color-primary);color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.hero-text.svelte-cwls5q .contact-btn:where(.svelte-cwls5q):hover{background:color-mix(in srgb,var(--color-primary),black 20%);transform:translateY(-2px)}.hero-image.svelte-cwls5q{display:flex;justify-content:center}.profile-placeholder.svelte-cwls5q{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:4rem}.profile-placeholder.svelte-cwls5q svg:where(.svelte-cwls5q){width:80px;height:80px}.skills-section.svelte-cwls5q{padding:4rem 0;background:var(--color-bg-secondary)}.skills-section.svelte-cwls5q h2:where(.svelte-cwls5q){margin-bottom:var(--spacing-2xl);font-size:var(--font-size-4xl);font-weight:600;color:var(--color-text-primary)}.skills-grid.svelte-cwls5q{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);max-width:1024px;margin:0}.skill-tag.svelte-cwls5q{color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:8px;text-align:center;font-weight:600}.experience-section.svelte-cwls5q{padding:4rem 0}.experience-section.svelte-cwls5q h2:where(.svelte-cwls5q){text-align:center;margin-bottom:3rem;font-size:2.5rem;color:var(--color-text-primary)}.timeline.svelte-cwls5q{position:relative;max-width:900px;margin:0 auto}.timeline.svelte-cwls5q:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary))}@media(max-width:768px){.timeline.svelte-cwls5q:before{left:15px}}.timeline-item.svelte-cwls5q{position:relative;margin-bottom:2rem;padding-left:4rem}@media(max-width:768px){.timeline-item.svelte-cwls5q{padding-left:2.5rem}}.timeline-marker.svelte-cwls5q{position:absolute;left:-4px;top:0;width:12px;height:12px;background:var(--color-primary);border-radius:50%;border:3px solid var(--color-bg-primary)}@media(max-width:768px){.timeline-marker.svelte-cwls5q{left:-11px}}.timeline-content.svelte-cwls5q{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:all .3s ease}.timeline-content.svelte-cwls5q:hover{box-shadow:0 4px 20px #00000026}.experience-header.svelte-cwls5q{padding:var(--spacing-lg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.experience-header.svelte-cwls5q:hover{background:color-mix(in srgb,var(--color-primary),transparent 90%)}.experience-main.svelte-cwls5q h3:where(.svelte-cwls5q){font-size:1.3rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.experience-main.svelte-cwls5q h4:where(.svelte-cwls5q){font-size:1.1rem;color:var(--color-primary);margin-bottom:var(--spacing-sm);font-weight:600}.experience-main.svelte-cwls5q .duration:where(.svelte-cwls5q){color:var(--color-text-secondary);font-size:.9rem}.expand-icon.svelte-cwls5q{width:24px;height:24px;transition:transform .3s ease;color:var(--color-primary)}.expand-icon.rotated.svelte-cwls5q{transform:rotate(180deg)}.expand-icon.svelte-cwls5q svg:where(.svelte-cwls5q){width:100%;height:100%}.experience-details.svelte-cwls5q{padding:0 var(--spacing-lg) var(--spacing-md);animation:svelte-cwls5q-slideDown .3s ease}.experience-details.svelte-cwls5q .description:where(.svelte-cwls5q){margin:var(--spacing-md) 0;line-height:1.6;color:var(--color-text-primary)}.experience-details.svelte-cwls5q h5:where(.svelte-cwls5q){color:var(--color-text-primary);margin-bottom:1rem;font-weight:600}.experience-details.svelte-cwls5q .technologies:where(.svelte-cwls5q){margin-bottom:1.5rem}.experience-details.svelte-cwls5q .tech-tags:where(.svelte-cwls5q){display:flex;flex-wrap:wrap;gap:.5rem}.experience-details.svelte-cwls5q .tech-tag:where(.svelte-cwls5q){background:color-mix(in srgb,var(--color-tertiary),transparent 85%);color:var(--color-tertiary);padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:500}.experience-details.svelte-cwls5q .projects:where(.svelte-cwls5q) .project-item:where(.svelte-cwls5q){display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:color-mix(in srgb,var(--color-primary),transparent 95%);border-radius:8px;margin-bottom:1rem}@media(max-width:768px){.experience-details.svelte-cwls5q .projects:where(.svelte-cwls5q) .project-item:where(.svelte-cwls5q){flex-direction:column;gap:1rem}}.experience-details.svelte-cwls5q .projects:where(.svelte-cwls5q) .project-item:where(.svelte-cwls5q) .project-info:where(.svelte-cwls5q){flex:1}.experience-details.svelte-cwls5q .projects:where(.svelte-cwls5q) .project-item:where(.svelte-cwls5q) .project-info:where(.svelte-cwls5q) strong:where(.svelte-cwls5q){color:var(--color-text-primary);display:block;margin-bottom:.5rem}.experience-details.svelte-cwls5q .projects:where(.svelte-cwls5q) .project-item:where(.svelte-cwls5q) .project-info:where(.svelte-cwls5q) p:where(.svelte-cwls5q){color:var(--color-text-secondary);margin:0;line-height:1.5}.experience-details.svelte-cwls5q .projects:where(.svelte-cwls5q) .project-item:where(.svelte-cwls5q) .project-link:where(.svelte-cwls5q){color:var(--color-primary);text-decoration:none;font-weight:600;white-space:nowrap;padding:.5rem 1rem;border:1px solid var(--color-primary);border-radius:6px;transition:all .3s ease}.experience-details.svelte-cwls5q .projects:where(.svelte-cwls5q) .project-item:where(.svelte-cwls5q) .project-link:where(.svelte-cwls5q):hover{background:var(--color-primary);color:#fff}.cta-section.svelte-cwls5q{padding:4rem 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-align:center}.cta-section.svelte-cwls5q h2:where(.svelte-cwls5q){font-size:2.5rem;margin-bottom:1rem}.cta-section.svelte-cwls5q p:where(.svelte-cwls5q){font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-section.svelte-cwls5q .cta-buttons:where(.svelte-cwls5q){display:flex;gap:1rem;justify-content:center}@media(max-width:768px){.cta-section.svelte-cwls5q .cta-buttons:where(.svelte-cwls5q){flex-direction:column;align-items:center}}.cta-section.svelte-cwls5q .btn-primary:where(.svelte-cwls5q),.cta-section.svelte-cwls5q .btn-secondary:where(.svelte-cwls5q){display:inline-block;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-section.svelte-cwls5q .btn-primary:where(.svelte-cwls5q){background:#fff;color:var(--color-primary)}.cta-section.svelte-cwls5q .btn-primary:where(.svelte-cwls5q):hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d}.cta-section.svelte-cwls5q .btn-secondary:where(.svelte-cwls5q){background:transparent;color:#fff;border:2px solid white}.cta-section.svelte-cwls5q .btn-secondary:where(.svelte-cwls5q):hover{background:#fff;color:var(--color-primary);transform:translateY(-2px)}@keyframes svelte-cwls5q-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}