:root{--glass-light: rgba(255, 255, 255, 0.4);--glass-medium: rgba(255, 255, 255, 0.6);--glass-heavy: rgba(255, 255, 255, 0.75);--border-glass: rgba(255, 255, 255, 0.4);--grad-peach: #fdf2f8;--grad-blue: #e0f2fe;--grad-green: #f0f4f4;--text-dark: #111827;--text-muted: #4b5563;--text-light: #f3f4f6;--accent-blue: #0ea5e9;--accent-green-main: #99b5c0;--accent-green-success: #10b981;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-2xl: 3rem;--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--transition-fast: 0.15s ease;--transition-base: 0.3s ease;--transition-slow: 0.5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--text-dark);background-color:#f0f2f5;overflow-x:hidden;line-height:1.7;font-size:var(--font-size-base);font-weight:400}.bg-gradient{position:fixed;inset:0;z-index:-2;background-image:url("../../pixel.jpg");background-size:cover;background-position:center;background-attachment:fixed;filter:blur(5px) brightness(0.9);transform:scale(1.05)}.bg-gradient::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center, transparent 0%, rgba(0,0,0,0.1) 100%)}.bg-gradient::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(224,242,254,0.1) 100%)}.container{max-width:900px;margin:0 auto;padding:var(--space-lg);z-index:1}@media (max-width: 768px){.container{padding:var(--space-md)}}.glass-card,.hero-card,.featured-card,.archive-card,.page-header{background:var(--glass-medium);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-lg) auto;transition:all var(--transition-base);box-shadow:0 8px 32px rgba(0,0,0,0.05)}.glass-card:hover,.hero-card:hover,.featured-card:hover,.archive-card:hover,.page-header:hover{background:var(--glass-heavy);box-shadow:0 12px 48px rgba(0,0,0,0.08);transform:translateY(-4px)}@media (max-width: 768px){.glass-card,.hero-card,.featured-card,.archive-card,.page-header{padding:var(--space-lg);margin:var(--space-md) auto;border-radius:var(--radius-md)}}.hero-card{display:grid;grid-template-areas:"content profile" "body profile";grid-template-columns:1fr auto;gap:0 var(--space-xl);align-items:center;text-align:left}.hero-card .hero-content{grid-area:content;align-self:start}.hero-card .hero-content h1{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm);color:var(--text-dark)}@media (max-width: 768px){.hero-card .hero-content h1{font-size:var(--font-size-3xl)}}.hero-card .hero-content .subtitle{font-size:var(--font-size-xl);color:var(--accent-blue);font-weight:500;margin-bottom:8px}.hero-card .hero-profile{grid-area:profile;flex:0 0 240px;width:240px;height:240px;position:relative;display:flex;align-items:center;justify-content:center}.hero-card .hero-profile img{width:100%;height:100%;border-radius:40px;object-fit:cover;box-shadow:0 20px 40px rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.2);transition:transform var(--transition-base)}.hero-card .hero-profile::after{content:'';position:absolute;width:120%;height:120%;background:radial-gradient(circle, rgba(14,165,233,0.15) 0%, transparent 70%);z-index:-1}@media (max-width: 768px){.hero-card .hero-profile{flex:0 0 180px;width:180px;height:180px}}.hero-card .hero-body{grid-area:body;align-self:start}.hero-card .hero-body p{color:var(--text-muted);line-height:1.8;margin-bottom:var(--space-md);font-size:var(--font-size-base)}.hero-card .hero-body .hero-cta{display:flex;gap:var(--space-sm);flex-wrap:wrap}@media (max-width: 768px){.hero-card .hero-body .hero-cta{flex-direction:column}}@media (max-width: 768px){.hero-card{grid-template-areas:"content" "profile" "body";grid-template-columns:1fr;gap:var(--space-md);text-align:center}.hero-card .hero-content,.hero-card .hero-body{width:100%;align-self:auto}.hero-card .hero-profile{margin:0 auto}}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin:var(--space-2xl) auto;max-width:900px}@media (max-width: 768px){.featured-grid{grid-template-columns:1fr;gap:var(--space-md)}}.featured-card{display:flex;flex-direction:column;overflow:hidden}.featured-card .project-image{width:100%;height:320px;margin-bottom:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 80%)}.featured-card .project-image img{width:100%;height:100%;max-width:95%;max-height:90%;object-fit:contain;transition:transform var(--transition-base),filter var(--transition-base);filter:drop-shadow(0 15px 30px rgba(0,0,0,0.12))}@media (max-width: 768px){.featured-card .project-image{height:250px}}.featured-card .featured-card:hover .project-image img{transform:translateY(-12px) scale(1.08);filter:drop-shadow(0 20px 40px rgba(0,0,0,0.2))}.featured-card .project-title{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-dark)}.featured-card .project-description{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-md);flex-grow:1}.featured-card .project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-md)}.featured-card .project-meta .meta-badge{background:var(--glass-light);padding:0.25rem 0.75rem;border-radius:999px}.featured-card .cta-button,.featured-card .archive-card .repo-cta,.archive-card .featured-card .repo-cta{align-self:flex-start}.cta-button,.archive-card .repo-cta,button,a.button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--accent-blue);color:white;text-decoration:none;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 15px rgba(14,165,233,0.3)}.cta-button:hover,.archive-card .repo-cta:hover,button:hover,a.button:hover{background:#0b83b9;transform:translateY(-2px);box-shadow:0 6px 25px rgba(14,165,233,0.4)}.cta-button:active,.archive-card .repo-cta:active,button:active,a.button:active{transform:translateY(0)}.cta-button.secondary,.archive-card .secondary.repo-cta,button.secondary,a.button.secondary{background:var(--glass-heavy);color:var(--text-dark);border:1px solid var(--border-glass);box-shadow:none}.cta-button.secondary:hover,.archive-card .secondary.repo-cta:hover,button.secondary:hover,a.button.secondary:hover{background:var(--glass-light);box-shadow:0 4px 15px rgba(0,0,0,0.05)}.cta-button.accent-pink,.archive-card .repo-cta,button.accent-pink,.archive-card button.repo-cta,a.button.accent-pink,.archive-card a.button.repo-cta{background:var(--accent-green-main);box-shadow:0 4px 15px rgba(153,181,192,0.3)}.cta-button.accent-pink:hover,.archive-card .repo-cta:hover,button.accent-pink:hover,.archive-card button.repo-cta:hover,a.button.accent-pink:hover,.archive-card a.button.repo-cta:hover{background:#799ead;box-shadow:0 6px 25px rgba(153,181,192,0.4)}@media (max-width: 768px){.cta-button,.archive-card .repo-cta,button,a.button{width:100%;justify-content:center}}.glass-nav-pill{position:fixed;bottom:2rem;right:2rem;display:flex;gap:0.5rem;background:var(--glass-medium);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-glass);border-radius:999px;padding:0.75rem;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,0.1)}@media (max-width: 768px){.glass-nav-pill{bottom:1.5rem;right:50%;transform:translateX(50%);width:max-content;padding:0.5rem 1rem}}.nav-item{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;border-radius:999px;color:var(--text-main);text-decoration:none;transition:all 0.3s ease}.nav-item i{font-size:1.1rem;color:var(--accent-primary)}.nav-item .nav-label{font-weight:500;font-size:0.95rem}.nav-item:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}@media (max-width: 480px){.nav-item{padding:0.75rem}.nav-item .nav-label{display:none}}.archive-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--space-lg);margin:var(--space-2xl) auto;max-width:1200px}@media (max-width: 768px){.archive-grid{grid-template-columns:1fr}}.archive-card{display:flex;flex-direction:column;padding:var(--space-lg);min-height:350px}.archive-card .repo-name{background:rgba(255,255,255,0.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.4);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-md);text-align:center;display:block}.archive-card .repo-description{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-lg);flex-grow:1;padding:0 var(--space-xs)}.archive-card .repo-stats{display:flex;justify-content:center;gap:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,0.2)}.archive-card .repo-stats .stat{display:flex;align-items:center;gap:0.4rem}.archive-card .repo-stats .stat i{color:var(--accent-pink)}.archive-card .repo-cta{width:100%;justify-content:center;font-size:var(--font-size-sm);padding:var(--space-sm)}.timeline-card{background:var(--glass-light);backdrop-filter:blur(10px);border-radius:1.5rem;padding:1.5rem;border:1px solid var(--border-glass);transition:all 0.3s ease}.timeline::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom, var(--accent-blue), var(--accent-pink));opacity:0.3}.timeline-item{position:relative;padding-left:60px;margin-bottom:3rem}.timeline-item::before{content:'';position:absolute;left:13px;top:5px;width:16px;height:16px;background:var(--bg-card);border:3px solid var(--accent-blue);border-radius:50%;z-index:2;box-shadow:0 0 10px rgba(56,189,248,0.4)}.timeline-card{background:rgba(255,255,255,0.03);border-radius:1.5rem;padding:1.5rem;border:1px solid var(--border-glass);transition:all 0.3s ease}.timeline-card:hover{background:rgba(255,255,255,0.07);transform:translateX(10px)}.timeline-date{font-size:0.85rem;font-weight:700;color:var(--accent-blue);text-transform:uppercase;margin-bottom:0.5rem;letter-spacing:1px}.timeline-title{font-size:1.25rem;font-weight:700;margin-bottom:0.25rem;color:var(--text-main)}.timeline-subtitle{font-weight:600;color:#5a7d8a;margin-bottom:1rem;font-size:1rem}.skills-cloud{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center}.skill-pill{background:var(--glass-light);border:1px solid var(--border-glass);padding:0.5rem 1rem;border-radius:999px;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;transition:0.3s}.skill-pill:hover{background:var(--accent-green-alt);color:white;border-color:var(--accent-green-alt)}.nav-item i{color:var(--accent-green-alt)}@media (max-width: 768px){.timeline-card{border-radius:1rem;padding:1rem}.timeline::before{content:'';position:absolute;left:3px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom, var(--accent-blue), var(--accent-pink));opacity:0.3}.timeline-item{position:relative;padding-left:5px;margin-bottom:3rem}.timeline-item::before{left:1px}.timeline-card{background:rgba(255,255,255,0.03);border-radius:1.5rem;padding:1.5rem;border:1px solid var(--border-glass);transition:all 0.3s ease}}.skills-cloud{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin:var(--space-2xl) 0}@media (max-width: 768px){.skills-cloud{justify-content:flex-start}}.skill-pill{background:var(--glass-medium);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-glass);color:var(--text-dark);padding:var(--space-sm) var(--space-lg);border-radius:999px;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);cursor:default;box-shadow:0 4px 15px rgba(0,0,0,0.05)}.skill-pill:hover{background:var(--glass-heavy);color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 6px 25px rgba(14,165,233,0.15)}.skill-pill i{margin-right:var(--space-xs);color:var(--accent-blue)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:var(--space-md);color:#111827;text-shadow:0 1px 4px rgba(255,255,255,0.8)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md);line-height:1.7;color:var(--text-muted)}a{color:var(--accent-blue);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--accent-pink);text-decoration:underline}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-blue)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.section-title{font-size:var(--font-size-3xl);font-weight:700;text-align:center;margin-bottom:var(--space-2xl);color:var(--text-dark)}.page-header{text-align:center;margin-bottom:var(--space-2xl)}.page-header h1{margin-bottom:var(--space-sm)}.page-header p{font-size:var(--font-size-lg);color:var(--text-muted)}