:root{--bg-primary: #0b0d17;--bg-secondary: #151821;--bg-accent: #1e222d;--bg-highlight: #252b3b;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-muted: #6e7681;--accent-php: #7377ad;--accent-symfony: #000000;--accent-react: #61dafb;--accent-highlight: #4a90e2;--accent-success: #42b883;--accent-warning: #f39c12;--gradient-primary: linear-gradient(135deg, #7377ad 0%, #4a90e2 100%);--gradient-secondary: linear-gradient(135deg, #61dafb 0%, #42b883 100%);--gradient-accent: linear-gradient(135deg, #f39c12 0%, #e74c3c 100%);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "JetBrains Mono", "Fira Code", Monaco, Consolas, monospace;--perspective: 1200px;--rotate-max: 12deg;--transition-speed: .4s;--transition-ease: cubic-bezier(.23, 1, .32, 1);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .6);--shadow-3d: 0 24px 64px rgba(0, 0, 0, .7);--glow-php: 0 0 30px rgba(115, 119, 173, .6);--glow-react: 0 0 30px rgba(97, 218, 251, .6);--glow-accent: 0 0 30px rgba(74, 144, 226, .6)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-accent: #f5f7fa;--bg-highlight: #e8ecef;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--accent-php: #5a5d8a;--accent-symfony: #000000;--accent-react: #00a8cc;--accent-highlight: #3670d9;--accent-success: #2da96f;--accent-warning: #e67e22;--gradient-primary: linear-gradient(135deg, #5a5d8a 0%, #3670d9 100%);--gradient-secondary: linear-gradient(135deg, #00a8cc 0%, #2da96f 100%);--gradient-accent: linear-gradient(135deg, #e67e22 0%, #c0392b 100%);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .15);--shadow-3d: 0 24px 64px rgba(0, 0, 0, .18);--glow-php: 0 0 30px rgba(90, 93, 138, .3);--glow-react: 0 0 30px rgba(0, 168, 204, .3);--glow-accent: 0 0 30px rgba(54, 112, 217, .3)}[data-theme=light] .nav{background:#fffc;border-bottom:1px solid rgba(90,93,138,.1)}[data-theme=light] .nav.scrolled{background:#fffffffa;box-shadow:0 4px 30px #0000001a}[data-theme=light] .code-window{background:#f1f3f5;border:1px solid rgba(0,0,0,.15)}[data-theme=light] .code-header{background:#e1e4e8;border-bottom:1px solid rgba(0,0,0,.15)}[data-theme=light] .code-body{background:#fafbfc}[data-theme=light] .grid-overlay{background-image:linear-gradient(rgba(90,93,138,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(90,93,138,.05) 1px,transparent 1px)}[data-theme=light] .shape{opacity:.08}[data-theme=light] .skill-card,[data-theme=light] .timeline-content,[data-theme=light] .contact-card,[data-theme=light] .stat-box,[data-theme=light] .profile-card,[data-theme=light] .stat-modern,[data-theme=light] .tech-stack,[data-theme=light] .contact-form-wrapper,[data-theme=light] .stat-item{border-color:#0000002e}[data-theme=light] .form-input{border-color:#0003;background:#f5f5f5}[data-theme=light] .form-input:focus{border-color:var(--accent-php);background:#fff}[data-theme=light] .hero-greeting{border-color:#5a5d8a4d;background:#5a5d8a14;color:#5a5d8a}[data-theme=light] .greeting-icon{color:#5a5d8a}[data-theme=light] .status-badge{border-color:#2da96f80;background:#2da96f14}[data-theme=light] .status-text{color:#2da96f}[data-theme=light] .status-dot{background:#2da96f}[data-theme=light] .title-main{background:linear-gradient(135deg,#5a5d8a,#3670d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .title-accent,[data-theme=light] .role-label{color:#495057}[data-theme=light] .role-typing,[data-theme=light] .typing-cursor{color:#5a5d8a}[data-theme=light] .hero-description{color:#495057}[data-theme=light] .hero-description strong{color:#212529;font-weight:700}[data-theme=light] .social-label{color:#6c757d}[data-theme=light] .tech-badge{border-color:#5a5d8a66;background:#5a5d8a14}[data-theme=light] .tech-badge:hover{border-color:var(--accent-php)}[data-theme=light] .social-link{border-color:#0000001f;background:#fafafa}[data-theme=light] .social-link:hover,[data-theme=light] .btn-secondary{border-color:var(--accent-php)}[data-theme=light] .role-highlight{border-color:#5a5d8a66;background:#5a5d8a1a}[data-theme=light] .theme-toggle{border-color:#5a5d8a4d;background:#fafafa}[data-theme=light] .theme-toggle:hover{border-color:var(--accent-php);background:#fff}[data-theme=light] .timeline-dot{border-color:var(--bg-secondary)}[data-theme=light] .hero-social,[data-theme=light] .footer{border-top-color:#0000001a}[data-theme=light] .skill-card:hover,[data-theme=light] .timeline-content:hover,[data-theme=light] .contact-card:hover,[data-theme=light] .stat-box:hover,[data-theme=light] .profile-card:hover,[data-theme=light] .stat-modern:hover{border-color:var(--accent-php);box-shadow:0 8px 24px #5a5d8a26,0 0 30px #5a5d8a1a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;font-weight:400;letter-spacing:-.011em;width:100%;max-width:100vw}section,.container,.hero-container,.nav-container{max-width:100%}img,video,svg{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p,span,a,li{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}code,pre{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}::selection{background-color:var(--accent-php);color:#fff}.nav{position:fixed;top:0;width:100%;background:#0b0d17b3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);z-index:1000;transition:all var(--transition-speed) var(--transition-ease);border-bottom:1px solid rgba(115,119,173,.1)}.nav:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-speed)}.nav.scrolled:after{opacity:.3}.nav-glow{position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:radial-gradient(ellipse at center,rgba(115,119,173,.15) 0%,transparent 70%);opacity:0;transition:opacity .6s;pointer-events:none}.nav:hover .nav-glow{opacity:1}.nav-container{max-width:1400px;margin:0 auto;padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;position:relative}.nav-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all var(--transition-speed) var(--transition-ease);position:relative;z-index:10}.logo-icon{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.logo-circle{position:absolute;width:50px;height:50px;border-radius:12px;background:var(--gradient-primary);animation:rotateLogo 20s linear infinite;opacity:.8}@keyframes rotateLogo{0%,to{transform:rotate(0);border-radius:12px}25%{border-radius:50%}50%{transform:rotate(180deg);border-radius:12px}75%{border-radius:50%}}.logo-inner{position:relative;width:46px;height:46px;background:var(--bg-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:2}.logo-letter{font-family:var(--font-code);font-size:1.5rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-info{display:flex;flex-direction:column;gap:.1rem}.logo-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;font-family:var(--font-primary)}.logo-subtitle{font-size:.75rem;font-family:var(--font-code);color:var(--accent-php);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.nav-logo:hover .logo-circle{animation-play-state:paused;transform:scale(1.1) rotate(45deg);box-shadow:var(--glow-php)}.nav-logo:hover .logo-name{color:var(--accent-php)}.nav-menu{display:flex;gap:.5rem;list-style:none;align-items:center}.nav-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all var(--transition-speed) var(--transition-ease);position:relative;padding:.75rem 1.25rem;border-radius:8px}.link-number{font-family:var(--font-code);font-size:.85rem;color:var(--accent-php);font-weight:600;transition:all var(--transition-speed)}.link-text{position:relative;transition:all var(--transition-speed)}.nav-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#7377ad1a;border-radius:8px;opacity:0;transition:opacity var(--transition-speed)}.nav-link:hover:before,.nav-link.active:before{opacity:1}.nav-link:hover{color:var(--text-primary)}.nav-link:hover .link-number{color:var(--accent-highlight);transform:translate(-3px)}.nav-link.active{color:var(--text-primary)}.nav-link.active .link-number{color:var(--accent-highlight)}.nav-link-cta{background:var(--gradient-primary);color:#fff!important;padding:.75rem 1.5rem;border-radius:10px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.nav-link-cta:before{background:#ffffff1a}.nav-link-cta:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.nav-link-cta:hover:after{width:300px;height:300px}.nav-link-cta .link-number{display:none}.link-icon{width:18px;height:18px;stroke-width:2.5}.nav-link-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--glow-php)}.nav-toggle{display:none;flex-direction:column;gap:.4rem;background:transparent;border:none;cursor:pointer;padding:.5rem;z-index:1001}.toggle-line{width:28px;height:3px;background:var(--gradient-primary);border-radius:3px;transition:all var(--transition-speed) var(--transition-ease)}.nav-toggle:hover .toggle-line{background:var(--accent-highlight)}.nav-toggle.active .toggle-line:nth-child(1){transform:translateY(10px) rotate(45deg)}.nav-toggle.active .toggle-line:nth-child(2){opacity:0}.nav-toggle.active .toggle-line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-accent);border:2px solid rgba(115,119,173,.2);border-radius:12px;cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);position:relative;overflow:hidden;margin-left:1rem}.theme-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-speed)}.theme-toggle:hover{border-color:var(--accent-php);transform:scale(1.05)}.theme-toggle:hover:before{opacity:.1}.theme-toggle:active{transform:scale(.95)}.theme-icon{width:22px;height:22px;color:var(--accent-php);transition:all var(--transition-speed) var(--transition-ease);position:absolute}.sun-icon{opacity:0;transform:rotate(180deg) scale(0)}.moon-icon,[data-theme=light] .sun-icon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .moon-icon{opacity:0;transform:rotate(-180deg) scale(0)}body{transition:background-color .3s ease,color .3s ease}.container{max-width:1400px;width:100%;margin:0 auto;padding:0 3rem;box-sizing:border-box}section{padding:var(--spacing-xl) 0;position:relative}.section-title{font-size:clamp(2.75rem,6vw,4rem);font-weight:800;text-align:center;margin-bottom:var(--spacing-sm);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.25rem;margin-bottom:var(--spacing-lg);font-weight:400}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:120px 0 80px}.hero-container{max-width:1400px;width:100%;margin:0 auto;padding:0 3rem;display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;position:relative;z-index:1;box-sizing:border-box}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.hero-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#3b82f60d,#8b5cf60d,#ec48990d,#3b82f60d,#8b5cf60d);background-size:400% 400%;animation:gradientShift 15s ease infinite;opacity:.6}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(115,119,173,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(115,119,173,.03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.grid-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(10,10,15,.3) 100%);pointer-events:none}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.shape{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.04;filter:blur(60px);animation:float 25s ease-in-out infinite,morph 20s ease-in-out infinite,glow 8s ease-in-out infinite;will-change:transform,border-radius,opacity}.shape-1{width:400px;height:400px;background:var(--accent-php);top:10%;left:5%;animation-delay:0s,0s,0s}.shape-2{width:500px;height:500px;background:var(--accent-react);top:40%;right:5%;animation-delay:-8s,-5s,-2s}.shape-3{width:450px;height:450px;background:var(--accent-highlight);bottom:10%;left:40%;animation-delay:-16s,-10s,-4s}@keyframes float{0%,to{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(50px,-50px) rotate(120deg) scale(1.1)}66%{transform:translate(-40px,40px) rotate(240deg) scale(.9)}}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes glow{0%,to{opacity:.04;filter:blur(60px)}50%{opacity:.08;filter:blur(80px)}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle-container:before,.particle-container:after{content:"";position:absolute;width:2px;height:2px;background:var(--accent-blue);border-radius:50%;box-shadow:100px 200px 0 var(--accent-blue),250px 80px 0 var(--accent-purple),400px 300px 0 var(--accent-pink),150px 400px 0 var(--accent-blue),600px 150px 0 var(--accent-purple),350px 250px 0 var(--accent-pink),500px 450px 0 var(--accent-blue),200px 100px 0 var(--accent-purple),700px 350px 0 var(--accent-pink),450px 50px 0 var(--accent-blue);opacity:.3;animation:particleFloat 30s linear infinite}.particle-container:after{animation-delay:-15s;animation-duration:40s}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-100vh) translate(50px);opacity:0}}.hero-content{display:flex;flex-direction:column;gap:2rem}.status-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#42b8831a;border:1px solid var(--accent-success);border-radius:50px;width:fit-content;animation:fadeInUp .6s ease-out .1s backwards}.status-dot{width:10px;height:10px;background:var(--accent-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.status-text{font-size:.9rem;color:var(--accent-success);font-weight:600;font-family:var(--font-primary)}.hero-intro{animation:fadeInUp .6s ease-out .2s backwards}.hero-greeting{display:inline-flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;background:var(--bg-accent);border:1px solid rgba(115,119,173,.2);border-radius:10px;color:var(--accent-php);font-size:.95rem;font-weight:600;letter-spacing:.02em}.greeting-icon{width:20px;height:20px;color:var(--accent-php)}.hero-title{display:flex;flex-direction:column;gap:.5rem;animation:fadeInUp .6s ease-out .3s backwards}.title-main{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1.1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.title-accent{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;color:var(--text-secondary);letter-spacing:-.01em}.hero-role{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:1.35rem;animation:fadeInUp .6s ease-out .4s backwards;min-height:50px}.role-label{color:var(--text-secondary);font-weight:500}.role-typing{font-family:var(--font-code);color:var(--accent-php);font-weight:700}.typing-cursor{color:var(--accent-php);font-weight:300;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-description{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);max-width:600px;animation:fadeInUp .6s ease-out .5s backwards}.hero-description strong{color:var(--text-primary);font-weight:700}.hero-actions{display:flex;gap:1.25rem;flex-wrap:wrap;animation:fadeInUp .6s ease-out .6s backwards}.hero-social{display:flex;align-items:center;gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);animation:fadeInUp .6s ease-out .7s backwards}.social-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.social-links{display:flex;gap:.75rem}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-accent);border:1px solid rgba(255,255,255,.06);border-radius:12px;color:var(--text-secondary);transition:all var(--transition-speed) var(--transition-ease);text-decoration:none}.social-link:hover{background:var(--gradient-primary);border-color:var(--accent-php);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md),var(--glow-php)}.social-link svg{width:20px;height:20px}.hero-sidebar{display:flex;flex-direction:column;gap:2rem;animation:fadeInRight .8s ease-out .4s backwards}.profile-card{background:var(--bg-accent);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem;text-align:center;transition:all var(--transition-speed) var(--transition-ease)}.profile-card:hover{border-color:var(--accent-php);box-shadow:var(--shadow-lg),var(--glow-php)}.profile-avatar{width:120px;height:120px;margin:0 auto 1.5rem;position:relative}.avatar-ring{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--gradient-primary);animation:rotateLogo 10s linear infinite}.avatar-content{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.avatar-content svg{width:60%;height:60%;color:var(--accent-php)}.profile-info{display:flex;flex-direction:column;gap:.5rem}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.profile-location{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;color:var(--text-secondary)}.profile-location svg{width:16px;height:16px}.hero-stats-modern{display:grid;grid-template-columns:1fr;gap:1rem}.stat-modern{background:var(--bg-accent);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all var(--transition-speed) var(--transition-ease);cursor:pointer}.stat-modern:hover{border-color:var(--accent-php);transform:translate(5px);box-shadow:var(--shadow-md),var(--glow-php)}.stat-icon-wrapper{width:50px;height:50px;min-width:50px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper svg{width:26px;height:26px;color:#fff}.stat-details{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:2rem;font-weight:900;font-family:var(--font-code);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.tech-stack{background:var(--bg-accent);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2rem}.tech-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.tech-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tech-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#7377ad1a;border:1px solid rgba(115,119,173,.3);border-radius:8px;color:var(--accent-php);font-size:.85rem;font-weight:600;font-family:var(--font-code);transition:all var(--transition-speed) var(--transition-ease);cursor:pointer}.tech-badge:hover{background:var(--gradient-primary);border-color:var(--accent-php);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tech-badge svg{width:16px;height:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-15deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(-30px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes flip{0%{opacity:0;transform:perspective(600px) rotateY(-90deg)}to{opacity:1;transform:perspective(600px) rotateY(0)}}@keyframes zoomInRotate{0%{opacity:0;transform:scale(.5) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1.1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:12px;transition:all var(--transition-speed) var(--transition-ease);cursor:pointer;border:none;position:relative;overflow:hidden;transform-style:preserve-3d;font-family:var(--font-primary)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--glow-php)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--accent-php)}.btn-secondary:hover{background:#7377ad1a;transform:translateY(-3px);box-shadow:var(--shadow-md),var(--glow-php);border-color:var(--accent-highlight)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);text-align:center;animation:fadeInUp .8s ease-out 1.6s backwards}.scroll-text{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem;font-family:var(--font-code)}.scroll-arrow{width:24px;height:36px;border:2px solid var(--accent-php);border-radius:16px;margin:0 auto;position:relative}.scroll-arrow:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:4px;height:10px;background:var(--accent-php);border-radius:4px;animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%,to{top:6px;opacity:1}50%{top:18px;opacity:.3}}.about{background:var(--bg-secondary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:var(--spacing-lg)}.about-text{display:flex;flex-direction:column;gap:1.5rem}.about-paragraph{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.about-paragraph strong{color:var(--accent-php);font-weight:600}.about-highlight{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-accent);border-radius:12px;border-left:4px solid var(--accent-success);margin-top:1rem}.about-highlight svg{width:24px;height:24px;color:var(--accent-success);flex-shrink:0}.about-highlight span{color:var(--text-primary);font-weight:500}.code-window{background:var(--bg-accent);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-lg)}.code-header{background:#1a1d28;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot-red{background:#ff5f56}.code-dot-yellow{background:#ffbd2e}.code-dot-green{background:#27c93f}.code-title{margin-left:auto;font-family:var(--font-code);font-size:.85rem;color:var(--text-muted)}.code-body{padding:1.5rem;overflow-x:auto}.code-body pre{margin:0}.code-body code{font-family:var(--font-code);font-size:.9rem;line-height:1.6;color:var(--text-primary)}.code-keyword{color:#c678dd}.code-class{color:#e5c07b}.code-function{color:#61afef}.code-variable{color:#e06c75}.code-property{color:#56b6c2}.code-string{color:#98c379}.code-number{color:#d19a66}.skills{background:var(--bg-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:var(--spacing-lg)}.skill-card{background:var(--bg-accent);padding:2.5rem 2rem;border-radius:16px;text-align:center;transition:all var(--transition-speed) var(--transition-ease);transform-style:preserve-3d;cursor:pointer;border:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-speed)}.skill-card:hover:before{opacity:.05}.skill-card:hover{border-color:var(--accent-php);box-shadow:var(--shadow-3d),var(--glow-php)}.skill-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:20px;transform:translateZ(20px);transition:all var(--transition-speed)}.skill-card:hover .skill-icon{transform:translateZ(20px) scale(1.1) rotate(5deg)}.skill-icon svg{width:40px;height:40px;color:#fff}.skill-name{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary);position:relative;z-index:1}.skill-list{list-style:none;color:var(--text-secondary);position:relative;z-index:1}.skill-list li{padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.95rem;transition:all var(--transition-speed)}.skill-list li:last-child{border-bottom:none}.skill-list li:hover{color:var(--accent-php);transform:translate(5px)}.skill-list li strong{color:var(--accent-php);font-weight:600}.experience{background:var(--bg-secondary)}.timeline{max-width:900px;margin:var(--spacing-lg) auto 0;position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-php),var(--accent-highlight),var(--accent-react))}.timeline-item{position:relative;padding-left:80px;margin-bottom:3rem;transition:all var(--transition-speed) var(--transition-ease)}.timeline-dot{position:absolute;left:22px;top:8px;width:18px;height:18px;background:var(--gradient-primary);border-radius:50%;border:3px solid var(--bg-secondary);box-shadow:0 0 0 4px #7377ad33;z-index:2}.timeline-content{background:var(--bg-accent);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:all var(--transition-speed) var(--transition-ease);transform-style:preserve-3d}.timeline-item:hover .timeline-content{border-color:var(--accent-php);box-shadow:var(--shadow-lg),var(--glow-php);transform:translate(5px)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.timeline-company{font-size:1.25rem;font-weight:700;color:var(--accent-php);font-family:var(--font-code)}.timeline-period{font-size:.9rem;color:var(--text-muted);font-family:var(--font-code);padding:.25rem .75rem;background:#7377ad1a;border-radius:6px}.timeline-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.timeline-location{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.timeline-achievements{list-style:none;margin-bottom:1.5rem}.timeline-achievements li{padding-left:1.5rem;position:relative;margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6}.timeline-achievements li:before{content:"▹";position:absolute;left:0;color:var(--accent-php);font-size:1.2rem}.timeline-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.4rem .9rem;background:#7377ad1a;border:1px solid rgba(115,119,173,.3);border-radius:6px;font-size:.85rem;color:var(--accent-php);font-family:var(--font-code);font-weight:500;transition:all var(--transition-speed)}.tech-tag:hover{background:#7377ad33;border-color:var(--accent-php);transform:translateY(-2px)}.contact{background:var(--bg-primary);position:relative;overflow:hidden}.contact-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.contact-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.06}.contact-shape-1{width:600px;height:600px;background:var(--accent-php);top:-200px;right:-200px}.contact-shape-2{width:500px;height:500px;background:var(--accent-react);bottom:-150px;left:-150px}.contact-header{text-align:center;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.contact-tag{display:inline-block;font-family:var(--font-code);font-size:.9rem;color:var(--accent-php);margin-bottom:1rem;padding:.5rem 1rem;background:#7377ad1a;border:1px solid rgba(115,119,173,.3);border-radius:20px}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.contact-cards{display:flex;flex-direction:column;gap:1.5rem}.contact-card{display:flex;align-items:center;gap:1.5rem;padding:1.75rem;background:var(--bg-accent);border:1px solid rgba(255,255,255,.06);border-radius:16px;text-decoration:none;transition:all var(--transition-speed) var(--transition-ease);cursor:pointer;transform-style:preserve-3d;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);transform:scaleY(0);transition:transform var(--transition-speed) var(--transition-ease)}.contact-card:hover:before{transform:scaleY(1)}.contact-card:hover{transform:translate(8px);border-color:var(--accent-php);box-shadow:var(--shadow-lg),var(--glow-php)}.card-icon{width:60px;height:60px;min-width:60px;background:var(--gradient-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.card-icon svg{width:28px;height:28px;color:#fff}.contact-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-content{flex:1}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.card-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:.5rem}.card-badge{display:inline-block;font-size:.75rem;padding:.25rem .75rem;background:#7377ad26;color:var(--accent-php);border-radius:12px;font-family:var(--font-code)}.card-arrow{width:24px;height:24px;color:var(--accent-php);transition:all var(--transition-speed)}.card-arrow svg{width:100%;height:100%}.contact-card:hover .card-arrow{transform:translate(5px)}.contact-form-wrapper{background:var(--bg-accent);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2.5rem}.form-header{margin-bottom:2rem}.form-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.form-subtitle{color:var(--text-secondary);font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;color:var(--text-primary)}.label-text{color:var(--text-primary)}.label-required{color:var(--accent-pink)}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);pointer-events:none;transition:all var(--transition-speed)}.form-input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-primary);border:2px solid rgba(255,255,255,.08);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-primary);transition:all var(--transition-speed) var(--transition-ease);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-php);box-shadow:0 0 0 4px #7377ad1a}.form-input:focus~.input-icon{color:var(--accent-php)}.form-textarea{min-height:140px;resize:vertical;padding-top:1rem}.form-textarea~.input-icon{top:1.25rem;transform:none}.form-error{font-size:.85rem;color:var(--accent-pink);min-height:1.2rem;font-weight:500}.btn-large{padding:1.25rem 2.5rem;font-size:1.05rem;width:100%}.btn-icon{width:20px;height:20px}.btn-submit .btn-loading{display:none;align-items:center;gap:.75rem}.btn-submit.loading .btn-text,.btn-submit.loading .btn-icon{display:none}.btn-submit.loading .btn-loading{display:flex}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}.spinner circle{stroke-dasharray:60;stroke-dashoffset:45;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.form-status{padding:1.25rem;border-radius:12px;text-align:center;display:none;font-weight:500;margin-top:1rem}.form-status.success{display:block;background:#42b8831a;color:var(--accent-success);border:1px solid var(--accent-success)}.form-status.error{display:block;background:#e74c3c1a;color:#e74c3c;border:1px solid #e74c3c}.contact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;z-index:1}.stat-box{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-accent);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all var(--transition-speed) var(--transition-ease)}.stat-box:hover{transform:translateY(-3px);border-color:var(--accent-php);box-shadow:var(--shadow-md),var(--glow-php)}.stat-icon{font-size:2rem;line-height:1}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-family:var(--font-code)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.footer{background:var(--bg-secondary);padding:3rem 0;border-top:1px solid rgba(255,255,255,.06)}.footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-text{color:var(--text-muted);font-size:.95rem}.footer-link{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-speed);font-weight:500}.footer-link:hover{color:var(--accent-php)}.section-title{animation:bounceIn 1s ease-out backwards}.about .section-title{animation:slideInLeft .8s ease-out backwards}.skills .section-title{animation:rotateIn .8s ease-out backwards}.experience .section-title{animation:flip .8s ease-out backwards}.contact .section-title{animation:zoomInRotate .8s ease-out backwards}.skill-card:nth-child(1){animation:slideInLeft .6s ease-out .1s backwards}.skill-card:nth-child(2){animation:scaleIn .6s ease-out .2s backwards}.skill-card:nth-child(3){animation:slideInRight .6s ease-out .3s backwards}.skill-card:nth-child(4){animation:slideInLeft .6s ease-out .4s backwards}.skill-card:nth-child(5){animation:scaleIn .6s ease-out .5s backwards}.skill-card:nth-child(6){animation:slideInRight .6s ease-out .6s backwards}.timeline-item:nth-child(odd){animation:slideInLeft .8s ease-out backwards}.timeline-item:nth-child(2n){animation:slideInRight .8s ease-out backwards}.contact-card:nth-child(1){animation:scaleIn .6s ease-out .1s backwards}.contact-card:nth-child(2){animation:scaleIn .6s ease-out .2s backwards}.contact-card:nth-child(3){animation:scaleIn .6s ease-out .3s backwards}.about-text{animation:slideInLeft .8s ease-out .2s backwards}.about-image{animation:slideInRight .8s ease-out .3s backwards}.stat-box{animation:bounceIn .6s ease-out backwards}.stat-box:nth-child(1){animation-delay:.1s}.stat-box:nth-child(2){animation-delay:.2s}.stat-box:nth-child(3){animation-delay:.3s}.nav-link{animation:fadeInDown .5s ease-out backwards}.nav-link:nth-child(1){animation-delay:.1s}.nav-link:nth-child(2){animation-delay:.15s}.nav-link:nth-child(3){animation-delay:.2s}.nav-link:nth-child(4){animation-delay:.25s}.nav-link:nth-child(5){animation-delay:.3s}.nav-logo{animation:rotateIn .8s ease-out backwards}.btn:hover{animation:pulse .4s ease-in-out}.contact-form-wrapper{animation:scaleIn .8s ease-out .2s backwards}.form-group{animation:slideInLeft .5s ease-out backwards}.form-row .form-group:nth-child(1){animation-delay:.1s}.form-row .form-group:nth-child(2){animation-delay:.15s}@media (max-width: 1200px){:root{--spacing-xl: 4rem;--spacing-lg: 3rem}.container{padding:0 2.5rem}.nav-container{padding:1rem 2.5rem}.hero-container{gap:3rem}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){:root{--spacing-xl: 3rem;--spacing-lg: 2.5rem}.container{padding:0 2rem}.nav-container{padding:1rem 2rem}.hero-container{grid-template-columns:1fr;gap:2.5rem;padding:0 2rem;display:flex;flex-direction:column}.hero-content{order:1;display:flex;flex-direction:column}.hero-title{order:-3;text-align:center;margin-bottom:1.5rem}.hero-sidebar{order:2;max-width:600px;margin:0 auto;width:100%}.status-badge{order:-1;align-self:center}.hero-intro{order:1}.hero-role{order:2}.hero-description{order:3}.hero-actions{order:4}.hero-social{order:5}.profile-card,.hero-stats-modern,.tech-stack{max-width:100%}.about-content,.contact-wrapper{grid-template-columns:1fr;gap:2.5rem}.timeline:before{left:15px}.timeline-item{padding-left:60px}.timeline-dot{left:7px}.contact-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-title{font-size:clamp(2.25rem,5vw,3.5rem)}.profile-card{display:none}}@media (max-width: 968px){.nav-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;gap:.5rem;transition:right .4s var(--transition-ease);border-left:1px solid var(--accent-php);box-shadow:var(--shadow-lg);z-index:1001}.nav-menu.active{right:0}.nav-link{width:100%;padding:1rem 1.5rem;justify-content:flex-start}.nav-link-cta{margin-top:1rem;justify-content:center}.nav-toggle{display:flex}.logo-subtitle{display:none}.theme-toggle{margin-left:auto;margin-right:1rem}}@media (max-width: 768px){:root{--spacing-xl: 2.5rem;--spacing-lg: 2rem;--spacing-md: 1.5rem}.container{padding:0 1.5rem}.nav-container{padding:.875rem 1.5rem}.logo-info{display:none}.logo-icon,.logo-circle,.logo-inner{width:42px;height:42px}section{padding:var(--spacing-lg) 0}.hero{padding:100px 0 60px;min-height:auto}.hero-container{padding:0 1.5rem;gap:2rem}.hero-content{gap:1.5rem}.status-badge{padding:.6rem 1.25rem;font-size:.85rem}.status-text{font-size:.85rem}.hero-greeting{padding:.55rem 1rem;font-size:.85rem}.hero-role{font-size:1.15rem;min-height:40px}.hero-description{font-size:1rem;line-height:1.7}.title-main{font-size:clamp(2rem,8vw,3.5rem)}.title-accent{font-size:clamp(1.1rem,3.5vw,1.5rem)}.role-label{font-size:1rem}.role-typing{font-size:1.15rem}.hero-actions{flex-direction:column;width:100%}.btn{width:100%;justify-content:center;padding:1rem 2rem}.hero-social{padding-top:1.5rem;flex-wrap:wrap}.profile-avatar{width:100px;height:100px}.avatar-content{top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.profile-name{font-size:1.25rem}.stat-modern{padding:1.25rem}.stat-icon-wrapper{width:44px;height:44px;min-width:44px}.stat-icon-wrapper svg{width:22px;height:22px}.stat-value{font-size:1.75rem}.stat-label{font-size:.85rem}.tech-stack{padding:1.5rem}.tech-title{font-size:1rem;margin-bottom:1.25rem}.tech-badges{gap:.5rem}.tech-badge{padding:.5rem .875rem;font-size:.8rem}.section-title{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:1rem}.section-subtitle{font-size:1.05rem;margin-bottom:2.5rem}.about-paragraph{font-size:1rem;line-height:1.7}.about-highlight{padding:1.25rem}.code-window{margin-top:1rem}.code-body{padding:1.25rem}.code-body code{font-size:.825rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem}.skill-card{padding:2rem 1.5rem}.skill-icon{width:70px;height:70px;margin-bottom:1.5rem}.skill-icon svg{width:35px;height:35px}.skill-name{font-size:1.35rem;margin-bottom:1rem}.skill-list li{font-size:.9rem;padding:.6rem 0}.timeline{margin-top:2.5rem}.timeline:before{left:10px}.timeline-item{padding-left:50px;margin-bottom:2.5rem}.timeline-dot{left:3px;width:16px;height:16px}.timeline-content{padding:1.5rem}.timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-company{font-size:1.15rem}.timeline-title{font-size:1.25rem}.timeline-period{font-size:.85rem}.timeline-achievements li{font-size:.9rem;margin-bottom:.6rem}.timeline-tech{gap:.4rem}.tech-tag{padding:.35rem .8rem;font-size:.8rem}.contact-wrapper{gap:2rem}.contact-cards{gap:1.25rem}.contact-card{padding:1.5rem;gap:1.25rem}.card-icon{width:52px;height:52px;min-width:52px}.card-icon svg{width:24px;height:24px}.card-title{font-size:1rem}.card-text{font-size:.9rem}.contact-form-wrapper{padding:1.5rem}.form-title{font-size:1.5rem}.form-subtitle{font-size:.95rem}.form-row{grid-template-columns:1fr;gap:1.5rem}.form-input{padding:.9rem .9rem .9rem 2.75rem;font-size:.9rem}.input-icon{left:.875rem;width:18px;height:18px}.form-textarea{min-height:120px}.btn-large{padding:1.1rem 2rem;font-size:1rem}.contact-stats{grid-template-columns:1fr;gap:1.25rem}.stat-box{padding:1.25rem}.stat-value{font-size:1.15rem}.footer{padding:2.5rem 0}.footer .container{flex-direction:column;text-align:center;gap:1rem}.footer-text{font-size:.9rem}}@media (max-width: 640px){:root{--spacing-xl: 2rem;--spacing-lg: 1.5rem;--spacing-md: 1rem}.container{padding:0 1.25rem}.nav-container{padding:.75rem 1.25rem}.nav-menu{width:100%;padding:1.5rem}.hero{padding:90px 0 50px}.hero-container{padding:0 1.25rem;gap:1.5rem}section{padding:2rem 0}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:.75rem}.section-subtitle{font-size:.95rem;margin-bottom:2rem}.hero-sidebar{max-width:100%}.profile-card,.tech-stack{padding:1.5rem}.stat-modern{padding:1rem;gap:1rem}.about-content,.contact-wrapper{gap:1.5rem}.skills-grid,.timeline,.contact-cards{margin-top:2rem}.skill-card{padding:1.75rem 1.25rem}.timeline-item{margin-bottom:2rem}.timeline-content,.contact-form-wrapper{padding:1.25rem}.form-header{margin-bottom:1.5rem}.contact-card{padding:1.25rem;gap:1rem}}@media (max-width: 480px){:root{--spacing-xl: 1.5rem;--spacing-lg: 1.25rem;--spacing-md: .875rem;--spacing-sm: .75rem}.container{padding:0 1rem}.nav-container{padding:.625rem 1rem}.logo-icon,.logo-circle,.logo-inner{width:38px;height:38px}.logo-letter{font-size:1.25rem}.theme-toggle{width:38px;height:38px;margin-right:.75rem}.theme-icon{width:18px;height:18px}.hero{padding:80px 0 40px}.hero-container{padding:0 1rem}.hero-content{gap:1.25rem}.status-badge{padding:.5rem 1rem}.status-dot{width:8px;height:8px}.status-text{font-size:.8rem}.hero-greeting{padding:.5rem .875rem;font-size:.8rem}.greeting-icon{width:16px;height:16px}.title-accent{font-size:clamp(1.1rem,2vw,1.5rem)}.hero-role{font-size:1rem;min-height:36px;gap:.5rem}.hero-description{font-size:.95rem}.btn{padding:.875rem 1.75rem;font-size:.95rem}.social-link{width:40px;height:40px}.social-link svg{width:18px;height:18px}.profile-avatar{width:90px;height:90px}.profile-name{font-size:1.15rem}.profile-location{font-size:.875rem}.stat-modern{padding:.875rem;flex-direction:column;text-align:center}.stat-icon-wrapper{width:40px;height:40px;min-width:40px}.stat-icon-wrapper svg{width:20px;height:20px}.stat-value{font-size:1.5rem}.tech-badges{gap:.4rem}.tech-badge{padding:.4rem .75rem;font-size:.75rem}.tech-badge svg{width:14px;height:14px}.section-title{font-size:clamp(1.5rem,3.5vw,2.25rem)}.section-subtitle{font-size:.9rem}.skill-card{padding:1.5rem 1rem}.skill-icon{width:60px;height:60px;margin-bottom:1.25rem;border-radius:16px}.skill-icon svg{width:30px;height:30px}.skill-name{font-size:1.2rem}.skill-list li{font-size:.85rem;padding:.5rem 0}.timeline-item{padding-left:45px}.timeline-content{padding:1rem}.timeline-company{font-size:1rem}.timeline-title{font-size:1.1rem}.timeline-period{font-size:.8rem;padding:.2rem .6rem}.timeline-achievements li{font-size:.85rem;padding-left:1.25rem}.timeline-achievements li:before{font-size:1rem}.tech-tag{padding:.3rem .7rem;font-size:.75rem}.contact-card{flex-direction:column;text-align:center;padding:1.25rem}.card-icon{width:48px;height:48px;min-width:48px;margin:0 auto}.card-arrow{display:none}.contact-form-wrapper{padding:1rem}.form-title{font-size:1.35rem}.form-subtitle{font-size:.875rem}.form-label{font-size:.85rem}.form-input{padding:.8rem .8rem .8rem 2.5rem;font-size:.875rem}.input-icon{left:.75rem;width:16px;height:16px}.form-textarea{min-height:100px}.btn-large{padding:1rem 1.75rem;font-size:.95rem}.stat-box{padding:1rem;flex-direction:column;text-align:center}.stat-icon{font-size:1.75rem}.scroll-indicator{bottom:1.5rem}.scroll-text{font-size:.8rem}}@media (max-width: 768px){[data-theme=light] .hero-greeting{background:#5a5d8a1a;border-color:#5a5d8a59}[data-theme=light] .status-badge{background:#2da96f1a;border-color:#2da96f99}[data-theme=light] .title-main{background:linear-gradient(135deg,#4a4d7a,#2a60c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .title-accent{color:#495057;font-weight:600}[data-theme=light] .role-typing{color:#4a4d7a;font-weight:700}[data-theme=light] .hero-description{color:#495057}[data-theme=light] .hero-description strong{color:#212529}}@media (max-width: 480px){[data-theme=light] .hero-greeting{background:#5a5d8a1f;border-color:#5a5d8a66}[data-theme=light] .status-badge{background:#2da96f1f;border-color:#2da96fa6}[data-theme=light] .title-main{background:linear-gradient(135deg,#4a4d7a,#2a60c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .role-typing{color:#4a4d7a;font-weight:700}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shape,.grid-overlay{animation:none}}.tilt-active{will-change:transform}.no-pointer-events{pointer-events:none}