:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary-color:#64748b;--accent-color:#4fd1c7;--success-color:#059669;--background-primary:#0f172a;--background-secondary:#1e293b;--background-tertiary:#334155;--background-card:#1e293b;--background-elevated:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#4fd1c7;--border-primary:#334155;--border-secondary:#475569;--border-accent:#2563eb;--glass-bg:rgba(37,57,80,.305);--glass-border:#cbd5e11a;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--shadow-xl:0 16px 48px #0000004d;--shadow-primary:0 8px 32px #2563eb4d;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:0.15s ease-out;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.app-container,body{background-color:#000}.app-container{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{color:#f8fafc;color:var(--text-primary);font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}.section-title{color:#f8fafc;color:var(--text-primary);font-size:clamp(2.25rem,4vw,3rem);font-weight:800;letter-spacing:.04em;line-height:1.1;margin-bottom:4rem;margin-bottom:var(--space-3xl);position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#2563eb,#4fd1c7);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-12px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:48px}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--space-sm);overflow:hidden;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 32px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 16px 48px #0000004d,0 8px 32px #2563eb4d}.btn-secondary{background:#1e293b;border:1px solid #475569;box-shadow:0 2px 4px #0000001a;color:#f8fafc}.btn-secondary:hover{background:#334155;border-color:#2563eb;box-shadow:0 4px 12px #00000026}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(37,57,80,.305);background:var(--glass-bg);border:1px solid #cbd5e11a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);overflow:hidden;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.card:hover{border-color:#2563eb4d;box-shadow:0 16px 48px #0000004d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-content{padding:2rem;padding:var(--space-xl)}.tag{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;border-radius:var(--radius-md);color:#4fd1c7;color:var(--text-accent);display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);transition:.15s ease-out;transition:var(--transition-fast)}.tag:hover{background:#2563eb26;border-color:#2563eb4d;transform:translateY(-1px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--space-xl);width:100%}.container-wide{max-width:1400px}.container-narrow{max-width:800px}.grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-scale{animation:fadeInScale .4s ease-out}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}.container{padding:0 1.5rem;padding:0 var(--space-lg)}}@media (max-width:768px){.grid-cols-2{grid-template-columns:1fr}.container{padding:0 1rem;padding:0 var(--space-md)}.section-title{margin-bottom:3rem;margin-bottom:var(--space-2xl)}}@media (max-width:640px){.btn{font-size:.9rem;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg)}.card-content{padding:1.5rem;padding:var(--space-lg)}}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(37,57,80,.305);background:var(--glass-bg);border:1px solid #cbd5e11a;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0003;box-shadow:var(--shadow-lg);overflow:hidden;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.glass-card:hover{border-color:#2563eb4d;box-shadow:0 16px 48px #0000004d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tech-tag{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;border-radius:var(--radius-md);color:#4fd1c7;color:var(--text-accent);display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);transition:.15s ease-out;transition:var(--transition-fast)}.tech-tag:hover{background:#2563eb26;border-color:#2563eb4d;transform:translateY(-1px)}.skill-tag{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;border-radius:var(--radius-md);color:#4fd1c7;color:var(--text-accent);display:inline-flex;font-size:.875rem;font-weight:500;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);transition:.15s ease-out;transition:var(--transition-fast)}.skill-tag:hover{background:#2563eb26;border-color:#2563eb4d;transform:translateY(-1px)}.gradient-text{color:#4fd1c7;color:var(--text-accent);font-weight:700}.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border-bottom:1px solid var(--border-primary);left:0;padding:var(--space-lg) 0;position:fixed;right:0;top:0;transition:var(--transition-smooth);z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;transition:var(--transition-fast)}.logo:hover{color:var(--text-accent)}.desktop-nav{align-items:center;display:flex;gap:var(--space-2xl)}.nav-link{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:var(--transition-fast)}.nav-link:after{background:var(--primary-color);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width var(--transition-fast);width:0}.nav-link:hover{background:#2563eb1a;color:var(--text-primary)}.nav-link:hover:after{width:100%}@media (max-width:768px){.hamburger{display:flex!important}.desktop-nav{display:none!important}.nav-container{padding:0 var(--space-md)}.social-links{margin-left:var(--space-md)}}.hero-section{align-items:center;background:radial-gradient(circle at 20% 80%,#2563eb26 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d41a 0,#0000 50%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-xl);position:relative;text-align:center}.hero-content{max-width:900px}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease-out .2s both;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,5rem);font-weight:900;letter-spacing:.02em;line-height:1.05;margin-bottom:var(--space-lg);opacity:0;position:relative}.hero-greeting{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--primary-color);display:block;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;margin-bottom:var(--space-sm)}.hero-subtitle{animation:fadeInUp 1s ease-out .6s both;color:var(--text-accent);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-lg);opacity:0}.hero-description{animation:fadeInUp 1s ease-out 1s both;color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin-bottom:var(--space-2xl);margin-left:auto;margin-right:auto;max-width:600px;opacity:0}.hero-cta{align-items:center;animation:fadeInUp 1s ease-out 1.4s both;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:var(--space-sm);margin-top:var(--space-lg);opacity:0;padding:var(--space-lg) var(--space-2xl);text-decoration:none;transition:var(--transition-smooth)}.hero-cta:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));box-shadow:var(--shadow-xl),var(--shadow-primary);transform:translateY(-3px)}.scroll-indicator{align-items:center;animation:fadeInUp 1s ease-out 1.8s both;bottom:var(--space-2xl);cursor:pointer;display:flex;flex-direction:column;opacity:0;position:absolute;transform:translateX(-50%);transition:var(--transition-smooth)}.scroll-indicator:hover{opacity:1;transform:translateX(-50%) translateY(-4px)}.scroll-text{color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-sm);text-transform:uppercase}.scroll-icon{animation:bounce 2s infinite;color:var(--text-accent);transition:var(--transition-fast)}.scroll-indicator:hover .scroll-icon{animation-duration:1s;color:var(--primary-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media (max-width:768px){.hero-section{padding:var(--space-lg)}.hero-title{font-size:clamp(2.5rem,8vw,3.5rem);margin-bottom:var(--space-md)}.hero-title:after{bottom:-12px;height:3px;width:80px}.hero-description{font-size:1.1rem;margin-bottom:var(--space-xl)}.hero-cta{font-size:1rem;padding:var(--space-md) var(--space-xl)}.scroll-indicator{bottom:var(--space-xl)}}@media (max-width:640px){.hero-description{font-size:1rem}.hero-cta{padding:var(--space-sm) var(--space-lg)}}.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 15% 85%,#2563eb14 0,#0000 40%),radial-gradient(circle at 85% 15%,#06b6d40f 0,#0000 40%),rgba(15,23,42,.563);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;min-height:600px;overflow:hidden;padding:0;position:relative;transition:var(--transition-smooth)}.project-card:hover{background:radial-gradient(circle at 15% 85%,#2563eb1f 0,#0000 40%),radial-gradient(circle at 85% 15%,#06b6d417 0,#0000 40%),#0f172afa;border-color:#2563eb4d;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.project-card:before{background:linear-gradient(90deg,#0000,#2563eb0d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.project-card:hover:before{left:100%}.project-image{background-position:50%;background-size:cover;border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-shrink:0;height:320px;overflow:hidden;position:relative;transition:var(--transition-smooth)}.project-card:hover .project-image{transform:scale(1.02)}.project-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-xl);position:relative;z-index:2}.project-category{background:#2563eb1a;border:1px solid #2563eb33;border-radius:var(--radius-sm);color:#4fd1c7;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-md);opacity:.9;padding:var(--space-xs) var(--space-sm);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.project-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.5rem;font-weight:800;letter-spacing:.02em;line-height:1.3;margin-bottom:var(--space-md);min-height:2.6rem;overflow:hidden;transition:var(--transition-fast)}.project-card:hover .project-title{color:var(--primary-light)}.project-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-shrink:0;font-size:.95rem;line-height:1.6;min-height:6rem}.project-description,.project-technologies{margin-bottom:var(--space-lg);overflow:hidden}.project-technologies{display:flex;flex-wrap:wrap;gap:var(--space-sm);max-height:80px;min-height:60px;position:relative}.project-technologies:after{background:linear-gradient(to left,var(--glass-bg),#0000);bottom:0;content:"";height:20px;pointer-events:none;position:absolute;right:0;width:30px}.project-technologies .tech-tag{background:#2563eb1a;border:1px solid #2563eb33;border-radius:var(--radius-sm);color:#4fd1c7;font-size:.75rem;font-weight:500;height:-webkit-fit-content;height:fit-content;padding:var(--space-xs) var(--space-sm);transition:var(--transition-fast);white-space:nowrap}.project-technologies .tech-tag:hover{background:#2563eb26;border-color:#2563eb4d;color:#06b6d4;transform:translateY(-1px)}.project-footer{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--space-lg)}.view-details{color:#60a5fa;font-size:.9rem;font-weight:600;text-decoration:none;transition:var(--transition-fast)}.view-details:hover{color:var(--primary-color);transform:translateX(2px)}.project-links{align-items:center;display:flex;gap:var(--space-sm)}.project-link{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:var(--radius-md);color:var(--primary-light);display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--space-xs);height:32px;justify-content:center;min-width:36px;padding:var(--space-xs) var(--space-sm);position:relative;text-decoration:none;transition:var(--transition-smooth);width:auto}.project-link:hover{background:#2563eb33;border-color:#2563eb66;box-shadow:var(--shadow-md);color:var(--primary-color);transform:translateY(-2px)}.project-link-icon{transition:var(--transition-fast)}.project-link:hover .project-link-icon{transform:scale(1.1)}.repo-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.github-frontend{background:#10b9811a;border-color:#10b98133;color:#34d399}.github-frontend:hover{background:#10b98133;border-color:#10b98166;color:#10b981}.github-backend{background:#f59e0b1a;border-color:#f59e0b33;color:#fbbf24}.github-backend:hover{background:#f59e0b33;border-color:#f59e0b66;color:#f59e0b}@media (max-width:768px){.project-card{min-height:520px}.project-image{height:280px}.project-content{padding:var(--space-lg)}.project-title{font-size:1.25rem}.project-description{-webkit-line-clamp:3;font-size:.9rem;min-height:4.5rem}.project-technologies{max-height:60px;min-height:50px}}@media (max-width:640px){.project-card{min-height:480px}.project-content{padding:var(--space-md)}.project-footer{align-items:stretch;flex-direction:column;gap:var(--space-md)}.project-links{justify-content:center}}.projects-section{margin:0 auto;max-width:1400px;padding:var(--space-3xl) var(--space-xl)}.projects-grid{grid-gap:var(--space-2xl);align-items:start;display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(420px,1fr));justify-items:center}@media (max-width:1200px){.projects-section{max-width:1200px}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (max-width:768px){.projects-section{padding:var(--space-2xl) var(--space-lg)}.projects-grid{gap:var(--space-xl);grid-template-columns:1fr;margin:0 auto;max-width:500px}}@media (max-width:640px){.projects-section{padding:var(--space-2xl) var(--space-md)}.projects-grid{gap:var(--space-lg);max-width:100%}}.skill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 15% 85%,#2563eb14 0,#0000 40%),radial-gradient(circle at 85% 15%,#06b6d40f 0,#0000 40%),rgba(15,23,42,.649);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;min-height:360px;overflow:hidden;padding:var(--space-2xl);position:relative;text-align:center;transition:var(--transition-smooth);width:300px}.skill-card:hover{background:radial-gradient(circle at 15% 85%,#2563eb1f 0,#0000 40%),radial-gradient(circle at 85% 15%,#06b6d417 0,#0000 40%),#0f172afa;border-color:#2563eb4d;box-shadow:var(--shadow-xl);transform:translateY(-6px)}.skill-card:before{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.skill-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto var(--space-xl);transition:var(--transition-smooth);width:64px}.skill-card:hover .skill-icon{box-shadow:var(--shadow-xl),var(--shadow-primary);transform:scale(1.05)}.skill-category{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-2xl)}.skill-technologies-list{flex:1 1;flex-direction:column;list-style:none;margin:0;text-align:left}.skill-tech-item,.skill-technologies-list{display:flex;gap:var(--space-md);padding:0}.skill-tech-item{align-items:center;color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.5;position:relative;transition:var(--transition-smooth)}.skill-tech-item:before{color:var(--primary-color);content:"●";flex-shrink:0;font-size:.75rem;transition:var(--transition-fast)}.skill-tech-item:hover{color:var(--text-primary)}.skill-tech-item:hover:before{color:var(--accent-color)}@media (max-width:1200px){.skill-card{min-height:320px}}@media (max-width:768px){.skill-card{min-height:280px;padding:var(--space-xl)}.skill-icon{height:56px;width:56px}.skill-category,.skill-icon{margin-bottom:var(--space-lg)}.skill-category{font-size:1.25rem}.skill-tech-item{font-size:.9rem}}@media (max-width:640px){.skill-card{min-height:260px;padding:var(--space-lg)}.skill-icon{height:48px;width:48px}.skill-category{font-size:1.125rem}}.skills-section{margin:0 auto;max-width:1400px;padding:var(--space-3xl) var(--space-xl)}.skills-grid{align-items:stretch;display:flex;flex-wrap:nowrap;gap:var(--space-xl);justify-content:center}.skills-grid .skill-card{flex:1 1;max-width:340px;min-width:280px}@media (max-width:1024px){.skills-grid{gap:var(--space-lg)}.skills-grid .skill-card{max-width:300px;min-width:250px}}@media (max-width:768px){.skills-section{padding:var(--space-2xl) var(--space-lg)}.skills-grid{align-items:center;flex-direction:column;gap:var(--space-lg)}.skills-grid .skill-card{max-width:400px;min-width:auto;width:100%}}@media (max-width:640px){.skills-section{padding:var(--space-2xl) var(--space-md)}.skills-grid{gap:var(--space-md);margin:0 auto;max-width:400px}.skills-grid .skill-card{max-width:350px;width:100%}}.about-section{margin:0 auto;max-width:900px;padding:var(--space-3xl) var(--space-xl);text-align:center}.about-content{display:flex;justify-content:center;margin-top:var(--space-2xl)}.about-text{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:100%;padding:var(--space-2xl);text-align:left;transition:var(--transition-smooth)}.about-text:hover{border-color:#2563eb4d;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.about-greeting{margin-bottom:var(--space-xl)}.about-description,.about-greeting{color:var(--text-primary);font-size:1.125rem;font-weight:400;line-height:1.8;opacity:.95}.highlight-name{color:var(--text-accent);font-weight:700;transition:var(--transition-fast)}.highlight-name:hover{color:var(--primary-color)}@media (max-width:768px){.about-section{padding:var(--space-2xl) var(--space-lg)}.about-text{padding:var(--space-xl)}.about-greeting{font-size:1rem;margin-bottom:var(--space-lg)}.about-description{font-size:1rem}}@media (max-width:640px){.about-section{padding:var(--space-2xl) var(--space-md)}.about-text{padding:var(--space-lg)}.about-description,.about-greeting{font-size:.95rem;line-height:1.6}}.contact-section{margin:0 auto;max-width:1000px;padding:100px 20px}.contact-content{grid-gap:50px;align-items:start;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.contact-subtitle{color:var(--text-accent);font-size:1.5rem;font-weight:700;margin-bottom:20px}.contact-description{line-height:1.6;margin-bottom:30px;opacity:.8}.contact-links{display:flex;flex-direction:column;gap:15px}.contact-link{align-items:center;color:var(--text-accent);display:flex;font-size:1.1rem;gap:10px;text-decoration:none;transition:var(--transition)}.contact-link:hover{transform:translateX(5px)}.contact-form-container{padding:30px}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:var(--text-accent);display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293be6;border:1px solid #cbd5e133;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;padding:12px 16px;transition:var(--transition-smooth);width:100%}.form-group input:focus,.form-group textarea:focus{background:#1e293bf2;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group ul{list-style:none;margin:8px 0 0;padding:0}.form-group ul li{background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:var(--border-radius-sm);color:#ff6b6b;font-size:14px;font-weight:500;margin-top:4px;padding:8px 12px}.form-group input.error,.form-group textarea.error{background:#ff6b6b0d;border-color:#ff6b6b}.submit-btn{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:var(--space-sm);justify-content:center;margin-top:10px;padding:var(--space-md) var(--space-xl);transition:var(--transition-smooth);width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-btn:disabled:hover{box-shadow:none;transform:none}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(15,23,42,.438);border-top:.5px solid var(--border-primary);box-shadow:0 -10px 30px #0000004d,inset 0 1px 0 #ffffff1a;padding:40px 20px 30px;position:relative;text-align:center}.footer:before{background:linear-gradient(90deg,#0000,#2563eb80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:600px;position:relative;z-index:2}.footer-built{color:var(--text-primary);font-size:18px;font-weight:500;margin:0;opacity:.9}.heart{animation:heartbeat 2s ease-in-out infinite;color:#ff6b6b;display:inline-block;font-size:16px}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.footer-social-links{align-items:center;display:flex;gap:30px}.footer-social-link{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid var(--border-primary);border-radius:50%;color:var(--text-secondary);display:flex;justify-content:center;padding:12px;text-decoration:none;transition:var(--transition-smooth)}.footer-social-link:hover{background:#2563eb1a;border-color:var(--border-accent);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-3px)}.footer-copyright{font-weight:400}.footer-copyright,.footer-email{color:var(--text-secondary);font-size:15px;margin:0;opacity:.9}.footer-email{font-weight:500}@media (max-width:768px){.footer{padding:40px 20px}.footer-content,.footer-social-links{gap:20px}.footer-built{font-size:15px}.footer-copyright,.footer-email{font-size:13px}}@media (max-width:480px){.footer{padding:30px 20px}.footer-content,.footer-social-links{gap:15px}.footer-built{font-size:14px}.footer-copyright,.footer-email{font-size:12px}}.homepage,.project-page{position:relative;z-index:2}.project-page{min-height:100vh}.project-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border-bottom:1px solid var(--border-primary);left:0;padding:var(--space-lg) 0;position:fixed;right:0;top:0;transition:var(--transition-smooth);z-index:1000}.navbar-scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172af2!important;border-bottom-color:var(--border-secondary)}.project-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-xl)}.project-logo{color:var(--text-primary);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;transition:var(--transition-fast)}.project-logo:hover{color:var(--text-accent)}.project-content-container{margin:0 auto;max-width:1200px;padding:120px var(--space-xl) 0}.back-button{align-items:center;background:var(--background-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-3xl);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:var(--transition-smooth)}.back-button:hover{background:var(--background-elevated);border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.project-header{margin-bottom:var(--space-3xl);text-align:left}.project-category-label{color:var(--text-accent);font-size:.9rem;font-weight:600;letter-spacing:.1em;margin-bottom:var(--space-md);text-transform:uppercase}.project-main-title{color:var(--text-primary);font-size:clamp(2.5rem,5vw,3rem);font-weight:900;letter-spacing:-.01em;line-height:1.1;margin-bottom:var(--space-lg)}.project-long-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin-bottom:var(--space-2xl);max-width:700px}.project-actions{gap:var(--space-lg);margin-bottom:var(--space-2xl)}.project-actions,.project-tech-list{display:flex;flex-wrap:wrap;justify-content:flex-start}.project-tech-list{gap:var(--space-md);margin-top:var(--space-lg)}.large-tech-tag{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:var(--radius-lg);color:var(--text-accent);display:inline-flex;font-size:.95rem;font-weight:600;padding:var(--space-sm) var(--space-lg);transition:var(--transition-fast)}.large-tech-tag:hover{background:#2563eb26;border-color:#2563eb4d;transform:translateY(-1px)}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:var(--space-sm);overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;text-decoration:none;transition:var(--transition-smooth)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));box-shadow:var(--shadow-xl),var(--shadow-primary);color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-secondary{align-items:center;background:var(--background-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:var(--space-sm);overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;transition:var(--transition-smooth)}.btn-secondary,.btn-secondary:hover{color:var(--text-primary);text-decoration:none}.btn-secondary:hover{background:var(--background-elevated);border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.challenges-features-container{grid-gap:var(--space-3xl);display:grid;gap:var(--space-3xl);grid-template-columns:1fr 1fr;margin-bottom:var(--space-3xl)}.challenges-section,.features-section{margin-bottom:0}.features-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr;margin:var(--space-lg) 0;padding:var(--space-xl);transition:var(--transition-smooth)}.features-list:hover{border-color:#2563eb4d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.feature-item-compact{align-items:flex-start;display:flex;gap:var(--space-md);padding:var(--space-sm) 0;transition:var(--transition-fast)}.feature-item-compact:hover{transform:translateX(5px)}.feature-check{color:var(--text-accent);flex-shrink:0;margin-top:2px}.feature-text-compact{color:var(--text-secondary);font-size:1rem;line-height:1.6}.screenshots-section{margin-bottom:var(--space-3xl)}.section-subtitle{color:var(--text-primary);font-size:clamp(1.75rem,3vw,1.9rem);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-xl)}.challenge-solution-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-lg) 0;padding:var(--space-2xl);transition:var(--transition-smooth)}.challenge-solution-content:hover{border-color:#2563eb4d;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.challenge-part{margin-bottom:var(--space-2xl)}.solution-part{border-top:1px solid var(--border-primary);margin-top:var(--space-2xl);padding-top:var(--space-2xl)}.subsection-title{color:var(--text-accent);font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-lg)}.challenge-text,.solution-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0}.screenshot-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin:var(--space-2xl) 0}.screenshot-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0;transition:var(--transition-smooth)}.screenshot-item:hover{border-color:#2563eb80;box-shadow:0 20px 40px #2563eb33,var(--shadow-xl);transform:translateY(-8px)}.screenshot-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172ab5,rgba(30,41,59,.664));border-bottom:1px solid #2563eb4d;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);position:relative;text-align:center}.screenshot-header,.screenshot-header:before{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.screenshot-header:before{background:linear-gradient(135deg,#2563eb1a,#06b6d414);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.screenshot-description{color:var(--text-primary);font-size:1.1rem;font-weight:600;line-height:1.6;margin:0;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.screenshot-image-container{align-items:stretch;background:var(--background-secondary);display:flex;flex:1 1;overflow:hidden;position:relative}.screenshot-image,.screenshot-image-container{border-radius:0 0 var(--radius-xl) var(--radius-xl);width:100%}.screenshot-image{display:block;height:100%;object-fit:cover;transition:var(--transition-smooth)}.screenshot-image:hover{transform:scale(1.03)}.screenshot-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:var(--space-xl);position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:10000}.screenshot-modal.active{opacity:1;visibility:visible}.screenshot-modal-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.screenshot-modal-image{border-radius:var(--radius-lg);box-shadow:0 25px 50px #00000080;height:100%;object-fit:contain;width:100%}.screenshot-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-40px;transition:var(--transition-fast);width:40px}.screenshot-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.screenshot-modal-title{bottom:-60px;color:#fff;font-size:1.2rem;font-weight:600;left:0;position:absolute;right:0;text-align:center;text-shadow:0 2px 4px #00000080}.more-projects{border-top:1px solid var(--border-primary);margin-top:var(--space-3xl);padding:60px 0;text-align:center}.more-projects-title{color:var(--text-primary);font-size:1.75rem;font-weight:800;margin-bottom:var(--space-xl)}.social-links{display:flex;gap:var(--space-md);margin-left:var(--space-xl)}.social-link{align-items:center;background:#ffffff0d;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:var(--transition-smooth);width:40px}.social-link:hover{background:#2563eb1a;border-color:var(--border-accent);box-shadow:var(--shadow-md);color:var(--text-accent);transform:translateY(-2px)}.hamburger{background:#ffffff0d;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:none;flex-direction:column;padding:var(--space-sm);transition:var(--transition-fast)}.hamburger:hover{background:#ffffff1a;border-color:var(--border-secondary)}.hamburger span{background:var(--text-primary);border-radius:2px;height:2px;margin:2px 0;transition:var(--transition-fast);width:24px}@media (max-width:1024px){.challenges-features-container{gap:var(--space-2xl);grid-template-columns:1fr}.screenshot-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:768px){.hamburger{display:flex!important}.desktop-nav{display:none!important}.project-nav-container{padding:0 var(--space-md)}.project-content-container{padding:100px var(--space-md) 0}.screenshot-grid{gap:var(--space-xl);grid-template-columns:1fr;margin:var(--space-xl) 0}.screenshot-header{padding:var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg)}.screenshot-description{font-size:1rem}.project-actions{flex-direction:column;gap:var(--space-md)}.screenshot-modal{padding:var(--space-md)}.screenshot-modal-content{max-height:85vh;max-width:95vw}.screenshot-modal-close{font-size:20px;height:35px;right:-5px;top:-35px;width:35px}.screenshot-modal-title{bottom:-50px;font-size:1rem;padding:0 var(--space-md)}}@media (max-width:640px){.screenshot-grid{gap:var(--space-lg);grid-template-columns:1fr}.project-main-title{font-size:clamp(2rem,6vw,2.5rem)}.project-long-description{font-size:1.1rem}.features-list{padding:var(--space-lg)}.feature-text-compact{font-size:.95rem}.challenge-solution-content{padding:var(--space-lg)}.challenge-text,.solution-text{font-size:1rem}.subsection-title{font-size:1.25rem}.social-links{margin-left:var(--space-md)}}.loading-screen{align-items:center;background:var(--background-dark);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-menu{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23fa;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:9999}.mobile-menu.open{transform:translateX(0)}.close-button{background:#0000;border:none;color:var(--primary-color);cursor:pointer;position:absolute;right:20px;top:20px}.mobile-nav{display:flex;flex-direction:column;gap:30px;text-align:center}.mobile-nav-link{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;transition:var(--transition)}.mobile-nav-link:hover{color:var(--primary-color)}
/*# sourceMappingURL=main.576d050c.css.map*/