@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/inter-latin-300-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-latin-500-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2')}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-latin-700-normal.woff2') format('woff2')}:root{--color-primary:#000000;--color-surface:#0f0f0f;--color-background:#000000;--glass-subtle:rgba(255, 255, 255, 0.04);--glass-medium:rgba(255, 255, 255, 0.08);--glass-strong:rgba(255, 255, 255, 0.12);--glass-elevated:rgba(255, 255, 255, 0.16);--glass-border:rgba(255, 255, 255, 0.1);--glass-border-hover:rgba(255, 255, 255, 0.2);--gradient-border-start:rgba(255, 255, 255, 0.22);--gradient-border-mid:rgba(255, 255, 255, 0.06);--gradient-border-end:rgba(255, 255, 255, 0.18);--text-primary:rgba(255, 255, 255, 0.95);--text-secondary:rgba(255, 255, 255, 0.7);--text-tertiary:rgba(255, 255, 255, 0.5);--glow-primary:rgba(255, 255, 255, 0.1);--glow-hover:rgba(255, 255, 255, 0.15);--glow-active:rgba(255, 255, 255, 0.2);--shadow-medium:0 8px 32px rgba(0, 0, 0, 0.2);--shadow-strong:0 16px 64px rgba(0, 0, 0, 0.3);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-section:5rem;--card-padding:1.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-round:9999px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);--gradient-primary:linear-gradient(135deg, #6366f1, #8b5cf6);--status-available:#28a745;--overlay-strong:rgba(10, 10, 10, 0.96)}[data-theme=light]{--color-primary:#ffffff;--color-surface:#f8f9fa;--color-background:#ffffff;--glass-medium:rgba(0, 0, 0, 0.06);--glass-strong:rgba(0, 0, 0, 0.08);--glass-border:rgba(0, 0, 0, 0.08);--glass-border-hover:rgba(0, 0, 0, 0.15);--gradient-border-start:rgba(0, 0, 0, 0.12);--gradient-border-mid:rgba(0, 0, 0, 0.04);--gradient-border-end:rgba(0, 0, 0, 0.10);--text-primary:rgba(0, 0, 0, 0.9);--text-secondary:rgba(0, 0, 0, 0.7);--text-tertiary:rgba(0, 0, 0, 0.5);--glow-primary:rgba(0, 0, 0, 0.05);--glow-hover:rgba(0, 0, 0, 0.08);--glow-active:rgba(0, 0, 0, 0.12);--shadow-medium:0 8px 32px rgba(0, 0, 0, 0.1);--shadow-strong:0 16px 64px rgba(0, 0, 0, 0.15);--overlay-strong:rgba(250, 250, 250, 0.97)}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-weight:var(--font-weight-normal);color:var(--text-primary);background:var(--color-background);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal);min-height:100vh}@supports (backdrop-filter:blur(10px)){.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.glass{background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);transition:all var(--transition-normal)}.glass.strong{background:var(--glass-strong);border-color:var(--glass-border-hover);box-shadow:var(--shadow-medium)}.glow{position:relative}.glow::before{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg,var(--glow-primary),transparent,var(--glow-primary));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.glow:hover::before{opacity:1}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-section) 0;scroll-margin-top:96px}.section h2{font-size:clamp(1.5rem, 3vw, 2rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xl);text-align:center}.hero{padding:var(--space-section) 0;text-align:center;min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero--compact{min-height:auto;padding:var(--space-2xl) 0 var(--space-xl)}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.5}.hero-blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,70,220,.18),transparent 70%);top:-200px;left:-150px}.hero-blob-2{width:400px;height:400px;background:radial-gradient(circle,rgba(20,160,190,.12),transparent 70%);bottom:-100px;right:-100px}@media (max-height:800px){.hero{min-height:56vh;padding:3rem 0}.hero--compact{padding:2rem 0 1.5rem}.section{padding:3rem 0}.cards-grid{margin:var(--space-xl) 0}}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:var(--space-xl);border:3px solid var(--glass-border);box-shadow:var(--shadow-medium);transition:all var(--transition-normal)}.profile-image:hover{transform:scale(1.05);border-color:var(--glass-border-hover);box-shadow:var(--shadow-strong)}.profile-image--sm{width:72px;height:72px;margin-bottom:var(--space-lg)}.hero h1{font-size:clamp(2rem, 5vw, 3rem);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-xl)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--glow-primary),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover{transform:translateY(-2px) scale(1.02);background:var(--glass-strong);border-color:var(--glass-border-hover);box-shadow:var(--shadow-medium)}.btn:hover::before{opacity:1}.btn-outline{background:0 0;border:1px solid var(--glass-border)}.btn-outline:hover{background:var(--glass-medium)}.btn-sm{font-size:.85rem;padding:.4rem .9rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);margin:var(--space-2xl) 0}.card{background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding);transition:all var(--transition-normal);position:relative;overflow:hidden}.card::before{content:'';position:absolute;inset:-1px;background:linear-gradient(135deg,var(--glow-primary),transparent,var(--glow-primary));border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.card:hover{transform:translateY(-4px);background:var(--glass-medium);border-color:var(--glass-border-hover);box-shadow:var(--shadow-medium)}.card:hover::before{opacity:1}.card h3{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);font-size:1.2rem;text-align:center}.card h2{text-align:center}.card p{color:var(--text-secondary);line-height:1.6}.story-grid{grid-template-columns:1fr}.story-grid .card{text-align:center}.story-grid .card p{text-align:center;margin-bottom:0}.story-grid .card p+p{margin-top:var(--space-lg)}.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.experience-card h3{text-align:left;margin-bottom:0}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.experience-role{color:var(--text-secondary);font-style:italic;font-size:.95rem;margin-top:var(--space-xs)}.experience-date{color:var(--text-secondary);font-size:.9rem;white-space:nowrap;flex-shrink:0;text-align:right}.experience-list{margin-top:0;padding-left:var(--space-lg);text-align:left}.experience-list li{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm)}.experience-list li:last-child{margin-bottom:0}@media (max-width:640px){.experience-header{flex-direction:column;gap:var(--space-sm)}.experience-date{white-space:normal;text-align:left}}#education{text-align:center}.education-card{max-width:640px;margin:0 auto;text-align:center}.education-details{color:var(--text-secondary);margin-top:var(--space-sm)}@media (max-width:640px){.experience-grid{grid-template-columns:1fr}}body[data-page=about] .hero--compact{padding:var(--space-xl) 0 var(--space-sm)}body[data-page=about] .hero--compact .subtitle{margin-bottom:0}body[data-page=about] .section{padding:var(--space-2xl) 0}body[data-page=about] .section h2{margin-bottom:var(--space-lg)}body[data-page=about] .skills-grid,body[data-page=about] .story-grid{margin:0}body[data-page=about] .experience-grid{margin:0}@media (max-width:768px){body[data-page=about] .section{padding:var(--space-xl) 0}body[data-page=about] .hero--compact{padding:var(--space-lg) 0 var(--space-xs)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);align-items:stretch}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin:0 0 var(--space-2xl)}.filter-btn{padding:var(--space-sm) var(--space-lg);font-size:.95rem;font-weight:var(--font-weight-medium);background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--glass-strong);border-color:var(--glass-border-hover);color:var(--text-primary)}.filter-btn.is-active{background:var(--glass-strong);border-color:var(--glass-border-hover);color:var(--text-primary)}.project-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg);overflow:hidden;position:relative;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid transparent;background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,var(--gradient-border-start),var(--gradient-border-mid) 50%,var(--gradient-border-end));background-origin:border-box;background-clip:padding-box,border-box}.project-card.is-hidden{display:none}.project-card::before{content:'';position:absolute;inset:0;background:radial-gradient(300px circle at var(--mouse-x,-9999px) var(--mouse-y,-9999px),rgba(255,255,255,.07),transparent 60%);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-normal);z-index:1}.project-card:hover::before{opacity:1}.project-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(255,255,255,.08),transparent);border-radius:inherit;pointer-events:none;z-index:2}.project-card:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.1) 50%,rgba(255,255,255,.24))}[data-theme=light] .project-card:hover{box-shadow:0 24px 64px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.1);background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,rgba(0,0,0,.18),rgba(0,0,0,.06) 50%,rgba(0,0,0,.15))}[data-theme=light] .project-card::before{background:radial-gradient(300px circle at var(--mouse-x,-9999px) var(--mouse-y,-9999px),rgba(0,0,0,.04),transparent 60%)}.project-image{position:relative;border-bottom:1px solid var(--glass-border)}.project-image .project-placeholder{border-radius:0}.placeholder-base{height:180px;display:flex;align-items:center;justify-content:center;border-radius:0}.placeholder-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.placeholder-weather{background:linear-gradient(135deg,#4ecdc4,#45b7d1)}.placeholder-instagram{background:linear-gradient(135deg,#e1306c,#f56040)}.placeholder-gano{background:linear-gradient(135deg,#667eea,#764ba2)}.placeholder-mailsender{background:linear-gradient(135deg,#ea4335,#fbbc05)}.placeholder-apps{background:linear-gradient(135deg,#f093fb,#f5576c)}.placeholder-macmanager{background:linear-gradient(135deg,#bdc3c7,#2c3e50)}.placeholder-dynamicnotch{background:linear-gradient(135deg,#232526,#414345)}.placeholder-arclauncher{background:linear-gradient(135deg,#ff512f,#dd2476)}.placeholder-igmonitor{background:linear-gradient(135deg,#833ab4,#fd1d1d)}.placeholder-twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.placeholder-marketplace{background:linear-gradient(135deg,#1a1a2e,#6366f1)}.placeholder-lostenergy{background:linear-gradient(135deg,#0f0c29,#302b63)}.placeholder-airesearch{background:linear-gradient(135deg,#11998e,#38ef7d)}.placeholder-disaster{background:linear-gradient(135deg,#eb3349,#f45c43)}.placeholder-movie{background:linear-gradient(135deg,#f7971e,#ffd200)}.placeholder-icon{font-size:3rem;color:#fff;user-select:none;line-height:1}.project-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-md);background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.5) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:var(--space-sm)}.project-link{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--glass-medium);border:1px solid var(--glass-border);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:.9rem;transition:all var(--transition-fast)}.project-link:hover{background:var(--glass-strong);border-color:var(--glass-border-hover)}.project-content{flex:1;display:flex;flex-direction:column;padding:var(--card-padding)}.project-content h3{margin-bottom:var(--space-sm);text-align:center}.project-description{margin-bottom:var(--space-md)}.project-description code{background:var(--glass-strong);border:1px solid var(--glass-border);color:var(--text-primary);font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:.85em;padding:.1em .45em;border-radius:var(--radius-sm);white-space:nowrap}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-tech .tech-tag:nth-child(n+4){display:none}.project-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md)}.project-actions:has(> :nth-child(2):last-child){display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch}.project-actions:has(> :nth-child(2):last-child) .btn{width:100%;justify-content:center;text-align:center}.project-card--resource{background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,rgba(245,158,11,.45),rgba(20,160,190,.35) 50%,rgba(245,158,11,.4))}.project-card--resource:hover{background-image:linear-gradient(var(--color-surface),var(--color-surface)),linear-gradient(135deg,rgba(245,158,11,.55),rgba(20,160,190,.45) 50%,rgba(245,158,11,.5))}.projects-cta-card{max-width:700px;margin:0 auto}.stats-strip{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:var(--space-xl)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-width:120px;padding:var(--space-md) var(--space-lg);border-left:1px solid var(--glass-border)}.stat-item:first-child{border-left:none}.stat-number{font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.1}.stat-label{font-size:.9rem;color:var(--text-secondary)}@media (max-width:640px){.stat-item{border-left:none;padding:var(--space-sm) var(--space-md)}}.featured-card-tech{margin-top:var(--space-md)}.featured-card-actions{margin-top:var(--space-md);display:flex;gap:var(--space-sm);flex-wrap:wrap}.cta-subtitle{font-size:1.1rem;margin-bottom:var(--space-xl);opacity:.9}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.tech-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 8px;font-size:.8rem;background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:default}.tech-tag:hover{background:var(--glass-strong);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.06)}.tech-tag img{filter:brightness(.8);transition:filter var(--transition-fast)}.tech-tag:hover img{filter:brightness(1)}.form-header{text-align:center;margin-bottom:var(--space-xl);background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.contact-form{background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:960px;margin:0 auto}.contact-form-wrapper{max-width:960px;margin:0 auto}.contact-form-wrapper .contact-form,.contact-form-wrapper .form-footer,.contact-form-wrapper .form-header{width:100%}.form-footer{text-align:center;margin:var(--space-md) auto 0;color:var(--text-tertiary)}.form-footer p{margin:0;font-size:.9rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:12px;width:18px;height:18px;color:var(--text-tertiary);opacity:.8;pointer-events:none;display:inline-flex;align-items:center;justify-content:center}.input-with-icon .input-icon svg{width:18px;height:18px}.input-with-icon .form-control{padding-left:44px}.textarea-with-icon .input-icon{align-self:flex-start;top:14px}.form-control{background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);padding:.8rem 1rem;outline:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus{border-color:var(--glass-border-hover);box-shadow:0 0 0 3px rgba(255,255,255,.06)}.error-message,.success-message{display:none;font-size:.85rem}.error-message.visible,.success-message.visible{display:block}.error-message{color:#ff6b6b}.success-message{color:#22c55e}.character-count{font-size:.85rem;color:var(--text-tertiary);margin-top:var(--space-xs)}.character-meter{height:6px;background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:999px;margin-top:var(--space-xs);overflow:hidden}.character-meter .bar{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);transition:width .2s ease,background-color .2s ease}.kvkk-section{margin-top:var(--space-lg);background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md)}.kvkk-toggle{margin-top:var(--space-sm);background:0 0;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;z-index:1}.kvkk-toggle:hover{color:var(--text-primary);background:var(--glass-medium)}.kvkk-detail{display:none;margin-top:var(--space-sm);color:var(--text-secondary)}.kvkk-detail.open{display:block}.checkbox-container{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);align-items:start}.custom-checkbox{position:relative;display:inline-block;width:18px;height:18px}.custom-checkbox input{position:absolute;left:0;top:0;width:18px;height:18px;opacity:0;margin:0;cursor:pointer}.custom-checkbox .checkmark{width:18px;height:18px;border-radius:4px;border:1px solid var(--glass-border);background:var(--glass-medium);display:inline-block;position:relative;pointer-events:none}.custom-checkbox input:checked+.checkmark::after{content:'';position:absolute;left:4px;top:0;width:6px;height:12px;border:solid var(--text-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.submit-btn{margin-top:var(--space-xl);margin-left:auto;margin-right:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.submit-btn:hover{transform:translateY(-2px) scale(1.02);background:var(--glass-strong);border-color:var(--glass-border-hover);box-shadow:var(--shadow-medium)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:rgba(255,255,255,.9);border-radius:50%;animation:component-loading-spin 1s linear infinite}.loading-spinner.visible{display:inline-block}.section .card h3{margin-bottom:var(--space-sm)}.section .card p{margin-bottom:0}.card.text-center .btn{margin-top:var(--space-lg)}@media (max-width:900px){.form-grid{grid-template-columns:1fr}.contact-form{padding:var(--space-lg)}}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;align-items:stretch;margin:var(--space-2xl) 0}.skill-category{background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--card-padding);transition:all var(--transition-normal);flex:0 1 calc((100% - (3 * var(--space-xl)))/ 4);min-width:260px;max-width:420px}.skill-category:hover{background:var(--glass-medium);transform:translateY(-2px)}.skill-category h4{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);font-size:1rem;text-align:center}.skill-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}@media (max-width:1280px){.skills-grid .skill-category{flex-basis:calc((100% - (2 * var(--space-xl)))/ 3)}}@media (max-width:900px){.skills-grid .skill-category{flex-basis:calc((100% - var(--space-xl))/ 2)}}@media (max-width:560px){.skills-grid .skill-category{flex-basis:100%;min-width:0}}main{width:100%;min-height:calc(100vh - 200px);padding-top:100px}.btn{min-height:44px;padding:var(--space-md) var(--space-lg)}.hero{padding:var(--space-xl) 0;min-height:60vh}@media (max-width:480px){.hero{padding:var(--space-md) 0;min-height:50vh}.hero h1{font-size:1.75rem}.btn{padding:var(--space-sm) var(--space-lg);font-size:.9rem}}.glass{will-change:auto;contain:layout style paint}.glass:hover{will-change:transform,backdrop-filter}.btn,.card,.tech-tag{will-change:auto}.btn:hover,.card:hover,.tech-tag:hover{will-change:transform}@media (max-width:768px){:root{--space-section:4rem}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}@media (max-width:480px){.glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn::before,.card::before,.glow::before{display:none}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}.btn,.card,.glass{transition:none!important;animation:none!important}}@media print{.card,.glass,.skill-category{background:#fff!important;border:1px solid #ddd!important;box-shadow:none!important}}nav{position:fixed;top:0;left:0;right:0;z-index:1010;padding:var(--space-md);background:rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:all var(--transition-normal)}nav>div{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;background:var(--glass-medium);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-medium);transition:all var(--transition-normal)}nav>div>a[href="index.html"]{font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--transition-fast)}nav>div>a[href="index.html"]:hover{transform:scale(1.05)}nav>div>a[href="index.html"].active{background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:none;box-shadow:none}nav>div>div{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.navbar-social{display:flex;align-items:center;gap:var(--space-sm);margin-left:var(--space-md);padding-left:var(--space-md);border-left:1px solid var(--glass-border)}.navbar-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-fast)}.navbar-social a:hover{color:var(--text-primary);background:var(--glass-strong);transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-medium)}.navbar-social a svg{width:18px;height:18px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);background:var(--glass-medium);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-sm)}.theme-toggle:hover{color:var(--text-primary);background:var(--glass-strong);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.theme-toggle svg{width:18px;height:18px;transition:transform var(--transition-normal)}.theme-toggle:hover svg{transform:rotate(180deg)}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:36px;height:36px;padding:0 var(--space-xs);border-radius:var(--radius-md);color:var(--text-secondary);background:var(--glass-medium);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-sm);font-size:.7rem;font-weight:var(--font-weight-semibold,600);letter-spacing:.06em}.lang-toggle:hover{color:var(--text-primary);background:var(--glass-strong);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.theme-toggle .sun-icon{display:none}.theme-toggle .moon-icon{display:block}[data-theme=light] .theme-toggle .sun-icon{display:block}[data-theme=light] .theme-toggle .moon-icon{display:none}nav a{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden}nav>div>div:first-of-type a:hover{color:var(--text-primary);background:var(--glass-medium);transform:translateY(-2px);box-shadow:var(--shadow-medium)}nav>div>div:first-of-type a::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--glow-primary),transparent);opacity:0;transition:opacity var(--transition-fast);border-radius:inherit}nav>div>div:first-of-type a:hover::before{opacity:1}nav a.active{color:var(--text-primary);font-weight:var(--font-weight-medium);background:var(--glass-strong);border:1px solid var(--glass-border-hover)}@media (max-width:768px){nav{padding:var(--space-sm)}nav>div{flex-direction:row;justify-content:space-between;padding:var(--space-md)}nav>div>div:first-of-type{display:none!important}.mobile-menu-toggle{display:flex!important}.mobile-menu{display:flex!important}}@media (max-width:480px){nav>div{padding:var(--space-sm) var(--space-md)}}.text-center{text-align:center}.mt-1{margin-top:var(--space-md)}.mt-2{margin-top:var(--space-xl)}.mt-3{margin-top:var(--space-2xl)}.mb-1{margin-bottom:var(--space-md)}.mb-2{margin-bottom:var(--space-xl)}.mb-3{margin-bottom:var(--space-2xl)}.mr-1{margin-right:var(--space-md)}.ml-1{margin-left:var(--space-md)}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.font-lg{font-size:1.1rem}.lh-loose{line-height:1.8}.font-sm{font-size:.9rem}.text-center>.card{margin-top:var(--space-xl)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes component-loading-spin{to{transform:rotate(360deg)}}@media print{body{background:#fff;color:#000}.section,footer{padding:20px 0}.btn{display:none}.card,.project-card,.skill-category{box-shadow:none;border:1px solid #ccc}.hero{background:0 0;padding:20px 0}.hero h1,.subtitle{color:#000;-webkit-text-fill-color:initial;text-shadow:none}.profile-image{border-color:#000}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;width:44px;height:44px;border-radius:var(--radius-md);background:var(--glass-medium);border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--glass-strong);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition-normal),opacity var(--transition-fast)}.mobile-menu-toggle{gap:5px}.mobile-menu-toggle span+span{margin-top:0}.mobile-menu-toggle.active span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:1002;background:var(--overlay-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:80px;padding-bottom:24px;overflow-y:auto;overscroll-behavior:contain;transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--transition-slow),opacity var(--transition-slow),visibility var(--transition-slow)}.mobile-menu.active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-content{display:flex;flex-direction:column;gap:var(--space-md);max-width:400px;width:100%;margin:auto 0;padding:0 var(--space-md) var(--space-2xl)}.mobile-menu a{display:block;padding:var(--space-lg) var(--space-xl);font-size:1.2rem;font-weight:var(--font-weight-medium);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);text-align:center;background:var(--glass-medium);border:1px solid var(--glass-border);position:relative;overflow:hidden;margin-bottom:var(--space-sm)}.mobile-menu a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--glow-hover),transparent);transition:left var(--transition-normal)}.mobile-menu a:hover::before{left:100%}.mobile-menu a:hover{background:var(--glass-strong);border-color:var(--glass-border-hover);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-medium)}.mobile-menu a.active{background:var(--glass-strong);color:var(--text-primary);border-color:var(--glass-border-hover);box-shadow:var(--shadow-medium)}[data-theme=light] .mobile-menu a{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.9)}[data-theme=light] .mobile-menu a.active,[data-theme=light] .mobile-menu a:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.mobile-menu-social{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border);flex-wrap:wrap;max-width:350px;margin-left:auto;margin-right:auto}.mobile-menu-social a{display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0!important;border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);background:var(--glass-medium);border:1px solid var(--glass-border);position:relative;overflow:hidden;font-size:0}.mobile-menu-social a::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--glow-primary),transparent);opacity:0;transition:opacity var(--transition-fast)}.mobile-menu-social a:hover::before{opacity:1}.mobile-menu-social a:hover{color:var(--text-primary);background:var(--glass-strong);border-color:var(--glass-border-hover);transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-medium)}[data-theme=light] .mobile-menu-social a{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.08);color:rgba(0,0,0,.9)}[data-theme=light] .mobile-menu-social a:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15);color:#000}.mobile-menu-social a svg{width:24px;height:24px;display:block;color:inherit;fill:currentColor;transition:transform var(--transition-normal);position:relative;z-index:1}.mobile-menu-social a svg path{fill:currentColor!important}.mobile-menu-social a:hover svg{transform:scale(1.1)}.mobile-menu-theme-toggle{display:flex;justify-content:center;margin-top:var(--space-xl)}.mobile-menu .theme-toggle{width:56px;height:56px;border-radius:var(--radius-lg)}.mobile-menu .theme-toggle svg{width:24px;height:24px}.mobile-menu .lang-toggle{width:56px;height:56px;min-width:56px;border-radius:var(--radius-lg);font-size:.85rem}.mobile-menu-social a[aria-label=Instagram]:hover{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:#e6683c;color:#fff}.mobile-menu-social a[aria-label=GitHub]:hover{background:#333;border-color:#666;color:#fff}.mobile-menu-social a[aria-label="X/Twitter"]:hover{background:#1da1f2;border-color:#0d8bd9;color:#fff}.mobile-menu-social a[aria-label=LinkedIn]:hover{background:#0077b5;border-color:#005582;color:#fff}.mobile-menu-social a[aria-label=YouTube]:hover{background:red;border-color:#c00;color:#fff}.mobile-menu-social a[aria-label=Email]:hover{background:#ea4335;border-color:#c23321;color:#fff}body.menu-open{overflow:hidden}footer{padding:var(--space-xl) 0 var(--space-lg);background:rgba(0,0,0,.02);border-top:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.footer-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-xl);padding:var(--space-lg) 0}.footer-brand{text-align:left}.footer-brand h3{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em}.footer-brand p{font-size:.9rem;color:var(--text-tertiary);margin:0;font-weight:var(--font-weight-normal)}.footer-links{display:flex;gap:var(--space-lg);justify-content:center}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:var(--font-weight-medium);padding:var(--space-xs) 0;position:relative;transition:all var(--transition-fast);letter-spacing:-.01em}.footer-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text-primary);transition:width var(--transition-fast)}.footer-links a:hover{color:var(--text-primary);transform:translateY(-1px)}.footer-links a:hover::after{width:100%}.footer-social{display:flex;gap:var(--space-sm);justify-content:flex-end;align-items:center}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);color:var(--text-tertiary);text-decoration:none;transition:all var(--transition-fast);position:relative;overflow:hidden}.footer-social a::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity var(--transition-fast)}.footer-social a:hover{color:var(--text-primary);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 20px rgba(0,0,0,.15)}.footer-social a:hover::before{opacity:1}.footer-social a svg{width:18px;height:18px;z-index:1;position:relative}.footer-bottom{margin-top:var(--space-lg)}.footer-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin-bottom:var(--space-lg)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-sm)}.footer-bottom-content p{font-size:.85rem;color:var(--text-tertiary);margin:0;font-weight:var(--font-weight-normal);letter-spacing:-.01em}#scroll-to-top{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}#scroll-to-top.is-visible{display:inline-flex}#scroll-to-top::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}#scroll-to-top:hover{color:var(--text-primary);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.2)}#scroll-to-top:hover::before{opacity:1}#scroll-to-top svg{width:14px;height:14px;z-index:1;position:relative}body.menu-open #scroll-to-top{display:none!important}.footer-social a[href*=instagram]:hover{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff;border-color:transparent}.footer-social a[href*=github]:hover{background:#333;color:#fff;border-color:#333}.footer-social a[href*=twitter]:hover{background:#000;color:#fff;border-color:#333}.footer-social a[href*=linkedin]:hover{background:#0077b5;color:#fff;border-color:#0077b5}.footer-social a[href*=youtube]:hover{background:red;color:#fff;border-color:red}.footer-social a[href*=mailto]:hover{background:#ea4335;color:#fff;border-color:#ea4335}@media (max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--space-lg);text-align:center}.footer-brand{text-align:center}.footer-links{justify-content:center;flex-wrap:wrap;gap:var(--space-md)}.footer-social{justify-content:center}.footer-bottom-content{flex-direction:column;gap:var(--space-md);text-align:center}}@media (max-width:480px){footer{padding:var(--space-lg) 0 var(--space-md)}.footer-container{padding:0 var(--space-sm)}.footer-content{padding:var(--space-md) 0;gap:var(--space-md)}.footer-links{flex-direction:column;gap:var(--space-sm)}.footer-links a{padding:var(--space-sm) 0}.footer-social{gap:var(--space-xs)}.footer-social a{width:36px;height:36px}.footer-brand h3{font-size:1rem}.footer-brand p{font-size:.8rem}.footer-bottom-content p{font-size:.8rem}}footer:hover .footer-divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}footer{will-change:auto;contain:layout style paint}#scroll-to-top,.footer-social a{will-change:auto}#scroll-to-top:hover,.footer-social a:hover{will-change:transform}@media (prefers-reduced-motion:reduce){#scroll-to-top,.footer-links a,.footer-social a,footer{transition:none!important;animation:none!important}}@media print{footer{background:#fff!important;border-top:1px solid #ddd!important}#scroll-to-top{display:none!important}.footer-social a{background:#fff!important;border:1px solid #ddd!important;color:#333!important}}.page-404{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:100px 2rem 4rem}.card-404{text-align:center;max-width:520px;width:100%;padding:3rem 2.5rem}.error-code{font-size:clamp(5rem, 20vw, 9rem);font-weight:700;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.error-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.error-subtitle{opacity:.7;margin-bottom:2rem;line-height:1.6}.btn-group{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.status-dot{width:12px;height:12px;background-color:var(--status-available);border-radius:50%;flex-shrink:0}.status-label{font-weight:600;color:var(--status-available)}.availability-card{max-width:600px;margin:0 auto}.availability-status{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.availability-text{margin-bottom:0}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem 1.5rem;color:var(--text-primary);box-shadow:var(--shadow-strong);transform:translateY(120%);transition:transform var(--transition-normal);z-index:9999;max-width:360px;font-size:.95rem;line-height:1.5}.toast.visible{transform:translateY(0)}@media (max-width:480px){.toast{bottom:1rem;right:1rem;left:1rem;max-width:none}}.turnstile-wrapper{margin-top:var(--space-lg);margin-bottom:1.25rem}.turnstile-wrapper #cfTurnstile{display:flex;justify-content:center}.skip-to-content{position:absolute;top:-100%;left:var(--space-md);z-index:9999;background:var(--gradient-primary);color:#fff;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);text-decoration:none;transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-md)}:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:3px;border-radius:var(--radius-sm)}.btn-outline:focus-visible,.btn:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:3px}.footer-links a:focus-visible,.mobile-menu a:focus-visible,nav a:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:3px;border-radius:var(--radius-sm)}.lang-toggle:focus-visible,.mobile-menu-toggle:focus-visible,.theme-toggle:focus-visible{outline:2px solid rgba(99,102,241,.8);outline-offset:3px}.form-control:focus-visible{outline:2px solid rgba(99,102,241,.6);outline-offset:0}html:not(.js-ready) .card,html:not(.js-ready) .project-card,html:not(.js-ready) .skill-category{opacity:1!important;transform:none!important}.resume-contact-list{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-xl);justify-content:center;list-style:none;padding:0;margin:0}.resume-contact-list li{display:flex;flex-direction:column;gap:2px;font-size:.9rem}.resume-contact-list .resume-contact-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}.resume-contact-list a{color:var(--text-primary);text-decoration:none}.resume-contact-list a:hover{text-decoration:underline}.resume-placeholder{display:inline-block;padding:.05em .5em;border:1px dashed var(--glass-border-hover);border-radius:var(--radius-sm);color:var(--text-tertiary);font-style:italic}.resume-languages-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);list-style:none;padding:0;margin:0}.resume-languages-list li{display:flex;align-items:baseline;gap:var(--space-xs)}.resume-languages-list .resume-lang-name{font-weight:var(--font-weight-medium)}