:root{--accent:#e63946;--accent-glow:rgba(230,57,70,0.35);--accent-soft:rgba(230,57,70,0.12);--dark-bg:#0a0a0f;--dark-surface:#111118;--dark-card:#16161f;--dark-border:rgba(255,255,255,0.07);--text-primary:#f0f0f5;--text-muted:#8888a0;--gradient-hero:linear-gradient(135deg,#0a0a0f,#1a0a14 50%,#0a0a0f);--transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth;max-width:100vw}body,html{overflow-x:hidden}body{font-family:var(--font-poppins),"Segoe UI",sans-serif;background-color:var(--dark-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}.reveal,.reveal-blur,.reveal-left,.reveal-right,.reveal-scale{will-change:opacity,transform}.reveal{opacity:0;transform:translateY(36px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.reveal.visible{opacity:1;transform:translateY(0);will-change:auto}.reveal-left{opacity:0;transform:translateX(-44px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.reveal-left.visible{opacity:1;transform:translateX(0);will-change:auto}.reveal-right{opacity:0;transform:translateX(44px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.reveal-right.visible{opacity:1;transform:translateX(0);will-change:auto}.reveal-scale{opacity:0;transform:scale(.88) translateY(18px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.reveal-scale.visible{opacity:1;transform:scale(1) translateY(0);will-change:auto}.reveal-blur{opacity:0;filter:blur(6px);transform:translateY(18px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.reveal-blur.visible{opacity:1;filter:blur(0);transform:translateY(0);will-change:auto}.reveal-line{transform:scaleY(0);transform-origin:top;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}.reveal-line.visible{transform:scaleY(1)}.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow);padding:4px 14px;border-radius:20px;margin-bottom:1rem}.section-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.section-divider{width:50px;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:2px;margin:.75rem auto 1.5rem}.header{background:#0a0a0f url(/_next/static/media/intro-bg.52dca52c.jpg) 50% no-repeat;background-size:cover;background-attachment:fixed;position:relative;min-height:100vh}.header:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(10,5,10,.55) 60%,rgba(10,10,15,.82))}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow);padding:6px 18px;border-radius:30px;margin-bottom:1.5rem;animation:fadeInDown .8s ease both}.hero-badge:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse-dot 1.5s ease infinite}.hero-subtitle{font-size:clamp(.9rem,2vw,1.1rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:hsla(0,0%,100%,.6);animation:fadeInUp 1s ease .6s both}.hero-cta{animation:fadeInUp 1s ease .9s both;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2rem}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:4px;text-decoration:none;transition:var(--transition);box-shadow:0 4px 20px var(--accent-glow)}.btn-hero-primary:hover{background:#c1121f;transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow);color:#fff}.btn-hero-outline{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(0,0,0,0);color:#fff;font-weight:600;font-size:.9rem;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;text-decoration:none;transition:var(--transition)}.btn-hero-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-socials{gap:1rem;margin-top:3rem;animation:fadeInUp 1s ease 1.2s both}.hero-social-link,.hero-socials{display:flex;justify-content:center}.hero-social-link{align-items:center;width:44px;height:44px;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.7);text-decoration:none;transition:var(--transition);background:hsla(0,0%,100%,.04)}.hero-social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-3px);box-shadow:0 6px 20px var(--accent-glow)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;color:hsla(0,0%,100%,.4);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;animation:fadeInUp 1s ease 1.5s both}.scroll-indicator .scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-line 2s ease infinite}.typing{font-family:var(--font-lora)}.typing-cursor:after{content:"|";color:var(--accent);animation:blink .8s step-end infinite;margin-left:2px}.about-section{background:var(--dark-surface);padding:6rem 0}.about-image-wrap{position:relative;display:inline-block}.about-image-wrap:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(var(--accent),transparent,var(--accent));animation:spin-border 6s linear infinite;z-index:0}.about-image-wrap img{position:relative;z-index:1;border:4px solid var(--dark-surface)}.about-stat{text-align:center;padding:1rem;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:12px;transition:var(--transition)}.about-stat:hover{border-color:var(--accent-glow);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.about-stat .stat-number{font-size:2rem;font-weight:800;color:var(--accent);line-height:1}.about-stat .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.profile-section{background:var(--dark-bg) url(https://images.unsplash.com/photo-1518770660439-4636190af475?w=1920&q=80) center center no-repeat;background-size:cover;background-attachment:fixed;position:relative;padding:6rem 0}.profile-section:before{content:"";position:absolute;inset:0;background:rgba(8,8,14,.75);pointer-events:none}.profile-section .container{position:relative;z-index:1}.profile-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:16px;padding:2rem;height:100%;transition:var(--transition)}.profile-card:hover{border-color:rgba(230,57,70,.2);box-shadow:0 12px 40px rgba(0,0,0,.4)}.profile-item{display:flex;align-items:flex-start;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--dark-border)}.profile-item:last-child{border-bottom:none}.profile-item .profile-icon{width:36px;height:36px;border-radius:8px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.profile-item .profile-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px}.profile-item .profile-value{font-size:.9rem;color:var(--text-primary);margin:0}.profile-item .profile-value a{color:var(--accent);text-decoration:none}.profile-item .profile-value a:hover{text-decoration:underline}.skill-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:6px;font-size:.82rem;font-weight:500;color:var(--text-primary);margin:4px;animation:badge-enter .45s cubic-bezier(.16,1,.3,1) both paused;animation-delay:calc(var(--i, 0)*55ms + .32s);transition:border-color .35s cubic-bezier(.4,0,.2,1),color .35s cubic-bezier(.4,0,.2,1),background .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.skill-badge:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.skill-badge:hover{border-color:var(--accent-glow);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.reveal-right.visible .skill-badge{animation-play-state:running}.cta-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.btn-accent{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;border:none;border-radius:4px;text-decoration:none;transition:var(--transition);box-shadow:0 4px 20px var(--accent-glow)}.btn-accent:hover{background:#c1121f;transform:translateY(-2px);color:#fff}.btn-outline-accent{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:rgba(0,0,0,0);color:var(--accent);font-weight:600;font-size:.9rem;border:1px solid var(--accent);border-radius:4px;text-decoration:none;transition:var(--transition)}.btn-outline-accent:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.portfolio-section{background:var(--dark-surface) url(https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1920&q=80) center center no-repeat;background-size:cover;background-attachment:fixed;position:relative;padding:6rem 0}.portfolio-section:before{content:"";position:absolute;inset:0;background:rgba(10,10,18,.78);pointer-events:none}.portfolio-section .container{position:relative;z-index:1}.project{position:relative;overflow:hidden;cursor:pointer;border-radius:12px;border:1px solid var(--dark-border);transition:var(--transition)}.project:after{content:"";inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent 60%);z-index:1}.project .project-link,.project:after{position:absolute;opacity:0;transition:var(--transition)}.project .project-link{bottom:1.2rem;left:50%;transform:translateX(-50%) translateY(10px);z-index:2;display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;border-radius:4px;text-decoration:none;white-space:nowrap}.project:hover{border-color:rgba(230,57,70,.4);box-shadow:0 16px 50px rgba(0,0,0,.5);transform:translateY(-4px)}.project:hover:after{opacity:1}.project:hover .project-link{opacity:1;transform:translateX(-50%) translateY(0)}.experience-section{background:var(--dark-bg);padding:6rem 0}.timeline-line{position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent),transparent)}.timeline-dot{position:absolute;left:-5px;top:14px;width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid var(--dark-bg);box-shadow:0 0 0 3px var(--accent-glow);z-index:1;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--reveal-delay,0s)}.reveal.visible .timeline-dot{transform:scale(1)}.timeline-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:12px;padding:1.4rem 1.6rem;transition:var(--transition)}.timeline-card:hover{border-color:rgba(230,57,70,.25);transform:translateX(6px);box-shadow:0 8px 30px rgba(0,0,0,.3)}.timeline-card .timeline-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.timeline-card .timeline-company{font-size:.85rem;color:var(--accent);margin-bottom:6px}.timeline-card .timeline-period{font-size:.75rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);padding:3px 10px;border-radius:20px}.certification{background:url(/_next/static/media/bg.dd76cb11.jpg) 50% no-repeat;background-size:cover;background-attachment:fixed;position:relative;padding:6rem 0}.certification:after{content:"";position:absolute;inset:0;background:rgba(5,5,10,.62)}.cert-card{background:rgba(22,22,31,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:var(--transition);height:100%}.cert-card:hover{border-color:rgba(230,57,70,.35);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px var(--accent-glow)}.cert-card .cert-icon{width:64px;height:64px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-glow);display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;color:var(--accent);position:relative;overflow:hidden;transition:box-shadow .35s cubic-bezier(.4,0,.2,1)}.cert-card .cert-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 65%);transform:translateX(-100%);transition:transform 0s}.cert-card:hover .cert-icon{box-shadow:0 0 20px var(--accent-glow)}.cert-card:hover .cert-icon:after{transform:translateX(100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.cert-card .cert-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.cert-card .cert-issuer{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-bottom:1.2rem}.cert-card .btn-verify{display:inline-flex;align-items:center;gap:6px;padding:7px 20px;background:rgba(0,0,0,0);color:var(--accent);font-size:.8rem;font-weight:600;border:1px solid var(--accent);border-radius:4px;text-decoration:none;transition:var(--transition)}.cert-card .btn-verify:hover{background:var(--accent);color:#fff}.contact-section{background:var(--dark-surface);padding:6rem 0 0}.contact-form-wrap{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:20px;padding:2.5rem}.form-field{position:relative;margin-bottom:1.4rem}.form-field input,.form-field textarea{width:100%;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:.9rem;transition:var(--transition);outline:none;resize:none}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-submit{width:100%;padding:13px;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:var(--transition);letter-spacing:.05em}.btn-submit:hover:not(:disabled){background:#c1121f;box-shadow:0 6px 25px var(--accent-glow);transform:translateY(-2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.site-footer{background:var(--dark-surface);border-top:1px solid var(--dark-border);padding:2rem 0;margin-top:4rem}.footer-social{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--dark-border);color:var(--text-muted);text-decoration:none;transition:var(--transition)}.footer-social:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-3px)}.scroll-btn{position:fixed;z-index:999;bottom:24px;right:24px;width:48px;height:48px;border:none;border-radius:50%;background:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--accent-glow);transition:var(--transition)}.scroll-btn:hover{background:#c1121f;transform:translateY(-3px);box-shadow:0 8px 30px var(--accent-glow)}.scroll-btn img{width:18px;margin-bottom:2px}.spinner{margin:3rem auto 1.5rem;width:56px;aspect-ratio:1;border-radius:50%;border:4px solid var(--dark-border);border-top-color:var(--accent);animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-border{to{transform:rotate(1turn)}}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(max-width:767px){.about-image-wrap{margin-bottom:2rem}.cta-group{justify-content:center}.project .project-link{display:none!important}.project:hover{transform:none}.project:hover .project-link{display:none!important}.site-footer{flex-direction:column;gap:1rem;text-align:center}.contact-form-wrap{padding:1.5rem}.certification,.header,.portfolio-section,.profile-section{background-attachment:scroll}}.scroll-progress-bar{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--accent),#ff6b6b);transform:scaleX(0);z-index:9999;pointer-events:none}@supports(animation-timeline:scroll()){.scroll-progress-bar{animation:scroll-progress linear both;animation-timeline:scroll(root block)}}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-particles{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.hero-particles:before{content:"";position:absolute;inset:-50%;background-image:radial-gradient(circle,rgba(230,57,70,.13) 1px,transparent 0);background-size:48px 48px;animation:particles-drift 22s linear infinite;opacity:.7}@keyframes particles-drift{0%{transform:translate(0)}to{transform:translate(48px,48px)}}@keyframes badge-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal,.reveal-blur,.reveal-left,.reveal-line,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}.hero-badge,.hero-cta,.hero-socials,.hero-subtitle,.scroll-indicator{animation:none!important;opacity:1!important;transform:none!important}.skill-badge{animation:none!important;opacity:1!important}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-particles,.scroll-progress-bar{display:none}}