.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--clr-text-secondary);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;z-index:1001;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.theme-toggle:hover{color:var(--clr-primary);border-color:var(--clr-primary);background:var(--clr-primary-bg);transform:scale(1.08);box-shadow:0 0 0 3px #dc262614}.theme-toggle:active{transform:scale(.95);transition-duration:.1s}.theme-icon{position:absolute;opacity:0;transform:scale(.5) rotate(90deg);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.theme-icon.visible{opacity:1;transform:scale(1) rotate(0)}@media (max-width: 768px){.theme-toggle{width:38px;height:38px}.theme-icon{width:18px;height:18px}}@media (max-width: 480px){.theme-toggle{width:36px;height:36px}.theme-icon{width:16px;height:16px}}.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:fixed;top:0;width:100%;z-index:1000;padding:0 var(--container-padding)}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:16px 0;padding:0 24px;background:#ffffffb8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(226,229,234,.6);border-radius:16px;box-shadow:0 4px 20px #0000000a,0 0 0 1px #ffffff80 inset;width:100%;max-width:1150px;transition:all var(--transition-base)}[data-theme=dark] .nav{background:#0f0f17cc;border-color:#2a2a3e99;box-shadow:0 4px 20px #0003,0 0 0 1px #2a2a3e4d inset}.nav-logo{z-index:1001;display:flex;align-items:center;min-height:var(--touch-target)}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--transition-fast),transform var(--transition-fast)}.nav-list{display:flex;align-items:center;gap:.25rem;position:relative}.nav-indicator{position:absolute;top:0;left:0;border-radius:var(--radius-full);background:var(--gradient-primary);box-shadow:0 2px 10px #dc262640;pointer-events:none;z-index:0;opacity:0;transition:transform .4s cubic-bezier(.4,0,.15,1),width .4s cubic-bezier(.4,0,.15,1),height .35s cubic-bezier(.4,0,.15,1),opacity .3s ease}.nav-link{padding:.4rem 1rem;font-family:var(--font-primary);font-size:.875rem;font-weight:500;color:var(--clr-text-secondary);border-radius:var(--radius-full);transition:color .35s ease,background .3s ease,transform var(--transition-fast),box-shadow var(--transition-fast);position:relative;z-index:1}.nav-link:hover{color:var(--clr-primary);background:var(--clr-primary-bg)}.nav-link.active{color:#fff;background:transparent;font-weight:600}.nav-link.active:hover{background:transparent}.nav-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{border:none;background-color:transparent}.nav-close{display:none;transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-base)}.nav-toggle{display:none;flex-direction:column;gap:5px;width:var(--touch-target);height:var(--touch-target);align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}.nav-toggle:hover{background:var(--clr-surface);transform:scale(1.05)}.nav-toggle span{display:block;width:20px;height:2px;background:var(--clr-text);border-radius:2px;transition:all var(--transition-base)}@media (max-width: 768px){.header{padding:0 .75rem}.nav{margin:12px 0;padding:0 16px}.nav-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;background:#0000;transition:background var(--transition-base),visibility var(--transition-base)}.nav-menu.open{visibility:visible;background:#0000004d}[data-theme=dark] .nav-menu.open{background:#0009}.nav-list{position:fixed;top:0;right:-100%;width:75%;max-width:320px;height:100vh;height:100dvh;background:var(--clr-bg-elevated);border-left:1px solid var(--clr-border);padding:5rem 1.5rem;padding-bottom:env(safe-area-inset-bottom,1.5rem);flex-direction:column;gap:.375rem;transition:right var(--transition-base);box-shadow:-10px 0 30px #00000014;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-menu.open .nav-list{right:0}.nav-link{font-size:1.1rem;padding:.75rem 1rem;width:100%;display:block;min-height:var(--touch-target);display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.nav-indicator{display:none}.nav-link.active{color:#fff;background:var(--gradient-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #dc262633}.nav-close{display:flex;align-items:center;justify-content:center;position:fixed;top:1.25rem;right:1.25rem;width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);color:var(--clr-text-secondary);z-index:1001;opacity:0;transition:opacity var(--transition-base),color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}.nav-menu.open .nav-close{opacity:1}.nav-toggle{display:flex}}@media (max-width: 480px){.header{padding:0 .5rem}.nav{padding:0 12px;margin:8px 0;border-radius:10px}.logo-text{font-size:1.25rem}.nav-list{width:80%;max-width:280px;padding:4.5rem 1.25rem}}@media (max-width: 360px){.header{padding:0 .35rem}.nav{padding:0 10px;margin:6px 0}.logo-text{font-size:1.15rem}.nav-list{width:85%;padding:4rem 1rem}.nav-link{font-size:1rem;padding:.625rem .875rem}}.highlighter-wrapper{position:relative;display:inline-block}.highlighter-svg{position:absolute;left:-2%;bottom:-2px;width:104%;height:14px;pointer-events:none;z-index:1;overflow:visible}.highlighter-path{stroke-dasharray:300;stroke-dashoffset:300;transition:none}.highlighter-animate .highlighter-path{animation:highlighterDraw 1s ease-out forwards}.highlighter-animate .highlighter-path-secondary{animation:highlighterDraw .9s ease-out .25s forwards}@keyframes highlighterDraw{to{stroke-dashoffset:0}}@media (max-width: 768px){.highlighter-svg{height:10px;bottom:-1px}}@media (max-width: 480px){.highlighter-svg{height:8px;bottom:0}}.hero{min-height:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;clip-path:inset(0);width:100%;max-width:100vw}.hero-particles{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;overflow:hidden;width:100%;max-width:100vw}.hero-particles:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,var(--clr-bg, #0a0a0a) 75%)}.hero-particle{position:absolute;display:block;width:var(--p-size, 3px);height:var(--p-size, 3px);border-radius:50%;background:rgba(220,38,38,var(--p-opacity, .2));box-shadow:0 0 6px 1px rgba(220,38,38,calc(var(--p-opacity, .2) * .5));will-change:transform,opacity;animation:particleFloat var(--p-duration, 20s) ease-in-out var(--p-delay, 0s) infinite,particlePulse calc(var(--p-duration, 20s) * .5) ease-in-out var(--p-delay, 0s) infinite}@keyframes particleFloat{0%{transform:translate(0)}15%{transform:translate(calc(var(--p-drift-x, 20px) * .4),calc(var(--p-drift-y, -30px) * -.6))}30%{transform:translate(calc(var(--p-drift-x, 20px) * -.7),calc(var(--p-drift-y, -30px) * .3))}50%{transform:translate(var(--p-drift-x, 20px),var(--p-drift-y, -30px))}65%{transform:translate(calc(var(--p-drift-x, 20px) * .2),calc(var(--p-drift-y, -30px) * -.8))}80%{transform:translate(calc(var(--p-drift-x, 20px) * -.5),calc(var(--p-drift-y, -30px) * .6))}to{transform:translate(0)}}@keyframes particlePulse{0%,to{opacity:1}50%{opacity:.3}}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1;width:100%;padding:0 var(--container-padding)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;color:var(--clr-text)}.hero-subtitle{font-size:1.25rem;font-weight:500;color:var(--clr-text-secondary);margin-bottom:1rem}.hero-description{font-size:1.05rem;color:var(--clr-text-secondary);line-height:1.8;margin-bottom:2rem;max-width:540px}.hero-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.hero-socials{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.hero-social-link{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--clr-border, rgba(255, 255, 255, .1));color:var(--clr-text-secondary);background:transparent;transition:color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease,background .3s ease}.hero-social-link:hover{color:var(--clr-primary);border-color:var(--clr-primary);transform:translateY(-3px);box-shadow:0 4px 15px #dc262633}.hero-social-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:var(--clr-surface, rgba(30, 30, 30, .95));color:var(--clr-text);padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease,border-color .2s ease;border:1px solid var(--clr-border, rgba(255, 255, 255, .08))}.hero-social-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--clr-surface, rgba(30, 30, 30, .95))}.hero-social-link:hover .hero-social-tooltip{opacity:1;transform:translate(-50%) scale(1)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;width:clamp(180px,30vw,360px);height:clamp(180px,30vw,360px);cursor:default;max-width:100%}.hero-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle);border-radius:50%;position:relative;border:2px solid var(--clr-primary-border)}.my-image{border-radius:50%}.orbit-ring{position:absolute;border-radius:50%;border:3px dashed var(--clr-primary);pointer-events:none}.orbit-ring-3{width:110%;height:110%;top:-2.5%;left:-2.5%;opacity:.3;animation:orbit3d-3 20s linear infinite}@keyframes orbit3d-3{0%{transform:perspective(600px) rotateX(80deg) rotateY(-10deg) rotate(0)}to{transform:perspective(600px) rotateX(80deg) rotateY(-10deg) rotate(360deg)}}.hero-avatar{position:relative;z-index:2}.hero-scroll{position:absolute;transform:translate(-50%);bottom:20px}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--clr-text-muted);font-family:var(--font-primary);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;transition:opacity var(--transition-base),color var(--transition-base)}.scroll-mouse{width:24px;height:38px;border:2px solid var(--clr-text-muted);border-radius:12px;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.scroll-wheel{width:3px;height:8px;background:var(--clr-primary);border-radius:var(--radius-full);position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}.hero-title,.hero-subtitle,.hero-description,.hero-actions,.hero-socials,.hero-scroll{animation:heroFadeUp .8s ease-out both}.hero-title{animation-delay:.1s}.hero-subtitle{animation-delay:.25s}.hero-description{animation-delay:.4s}.hero-actions{animation-delay:.55s}.hero-socials{animation-delay:.65s}.hero-scroll{animation-delay:.75s}.hero-visual{animation:heroZoomIn 1s ease-out .3s both}[data-theme=dark] .hero-particle{background:rgba(239,68,68,var(--p-opacity, .2));box-shadow:0 0 8px 2px rgba(239,68,68,calc(var(--p-opacity, .2) * .6))}[data-theme=dark] .hero-social-link{border-color:var(--clr-border)}[data-theme=dark] .hero-social-tooltip{background:var(--clr-bg-elevated);border-color:var(--clr-border)}[data-theme=dark] .hero-social-tooltip:after{border-top-color:var(--clr-bg-elevated)}[data-theme=dark] .scroll-mouse{border-color:var(--clr-text-muted)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-actions,.hero-socials{justify-content:center}.hero-image-wrapper{width:240px;height:240px}.hero-visual{order:-1;display:flex}.hero-content{order:1}}@media (max-width: 768px){.hero{min-height:auto;padding-top:calc(var(--header-height) + 3rem);padding-bottom:3rem}.hero-container{gap:1.5rem}.hero-title{font-size:clamp(1.75rem,7vw,3rem)}.hero-subtitle{font-size:1.05rem}.hero-description{font-size:.95rem}.hero-scroll{display:none}.hero-particle{box-shadow:none}.hero-actions{gap:.75rem}.hero-image-wrapper{width:200px;height:200px}.hero-social-link{width:40px;height:40px}.hero-socials{gap:.75rem}}@media (max-width: 480px){.hero{padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:2rem}.hero-container{gap:1.25rem}.hero-title{font-size:clamp(1.5rem,8vw,2.25rem)}.hero-subtitle{font-size:.95rem}.hero-description{font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}.hero-actions{flex-direction:column;width:100%;gap:.625rem;margin-bottom:1.5rem}.hero-actions .btn{width:100%;justify-content:center}.hero-image-wrapper{width:160px;height:160px}.hero-visual{order:-1;display:flex}.hero-content{order:1}.hero-social-link{width:38px;height:38px}}@media (max-width: 360px){.hero{padding-top:calc(var(--header-height) + 1rem);padding-bottom:1.5rem}.hero-container{gap:1rem}.hero-title{font-size:clamp(1.25rem,7.5vw,1.75rem)}.hero-subtitle{font-size:.875rem;margin-bottom:.75rem}.hero-description{font-size:.85rem;margin-bottom:1.25rem}.hero-image-wrapper{width:140px;height:140px}.hero-social-link{width:36px;height:36px}.hero-socials{gap:.625rem}}@media (max-height: 500px) and (orientation: landscape){.hero{min-height:auto;padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:1.5rem}.hero-container{grid-template-columns:1fr 1fr;text-align:left;gap:1.5rem}.hero-visual,.hero-content{order:0}.hero-actions,.hero-socials{justify-content:flex-start}.hero-image-wrapper{width:150px;height:150px}.hero-scroll{display:none}.hero-title{font-size:clamp(1.25rem,3vw,2rem)}.hero-description{font-size:.85rem;margin-bottom:1rem}}.skills{background:var(--clr-bg-alt);position:relative}.skills:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);pointer-events:none}.skills-categories{display:flex;flex-direction:column;gap:2rem}.skill-category{background:var(--clr-bg-elevated);border:1px solid var(--clr-border);border-radius:var(--radius-2xl, 1.5rem);padding:2rem 2.5rem;position:relative;overflow:hidden;box-shadow:var(--shadow-card, var(--shadow-sm));transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base),background var(--transition-base)}.skill-category:hover{box-shadow:var(--shadow-card-hover, var(--shadow-lg));border-color:var(--clr-primary-border)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.75rem}.category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff;flex-shrink:0;box-shadow:var(--shadow-red-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.category-icon.frontend{background:linear-gradient(135deg,#dc2626,#ef4444)}.category-icon.backend{background:linear-gradient(135deg,#b91c1c,#dc2626)}.category-icon.tools{background:linear-gradient(135deg,#f43f5e,#dc2626)}.category-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--clr-text);line-height:1.3;transition:color var(--transition-fast)}.category-count{font-size:.78rem;color:var(--clr-text-muted);font-weight:500;margin-top:.15rem;transition:color var(--transition-fast)}.skills-grid{display:flex;flex-wrap:wrap;gap:14px}.skills-grid-paginated{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:14px}.paginated-skills{display:flex;flex-direction:column;gap:1.25rem}.paginated-skills-viewport{display:flex;align-items:center;gap:.75rem}.paginate-arrow{width:38px;height:38px;min-width:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1.5px solid var(--clr-border);background:var(--clr-bg-elevated);color:var(--clr-text);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base),opacity var(--transition-base);flex-shrink:0;box-shadow:var(--shadow-sm)}.paginate-arrow:hover:not(.paginate-arrow-disabled){border-color:var(--clr-primary);color:var(--clr-primary);background:var(--clr-primary-bg);box-shadow:var(--shadow-md);transform:scale(1.08)}.paginate-arrow:active:not(.paginate-arrow-disabled){transform:scale(.95)}.paginate-arrow-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.paginate-indicators{display:flex;align-items:center;justify-content:center;gap:.5rem}.paginate-dot{width:8px;height:8px;border-radius:var(--radius-full);border:none;background:var(--clr-border);cursor:pointer;transition:background var(--transition-base),transform var(--transition-base),width var(--transition-base),border-radius var(--transition-base),box-shadow var(--transition-base);padding:0}.paginate-dot:hover{background:var(--clr-primary-border);transform:scale(1.3)}.paginate-dot-active{background:var(--clr-primary);width:24px;border-radius:4px}@keyframes skillCardSlideIn{0%{opacity:0;transform:translate(16px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.skill-card-paginated-visible{animation:skillCardSlideIn .4s cubic-bezier(.22,1,.36,1) both}.skill-card{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.65rem 1.25rem .65rem .65rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-full);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease-in-out,border-color .35s ease-in-out,background .35s ease-in-out,color .35s ease-in-out;cursor:default;min-width:0;position:relative;overflow:hidden}.skill-card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 24px #dc26261a,0 4px 12px #0000000f;border-color:var(--clr-primary-border)}.skill-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--clr-bg-elevated);box-shadow:0 2px 8px #0000000f;padding:8px;position:relative;z-index:1;transition:box-shadow .35s ease,transform .35s ease,background .35s ease,border-color .35s ease}.skill-card:hover .skill-icon{box-shadow:0 4px 14px #dc26261f;transform:scale(1.08)}.skill-icon img{width:100%;height:100%;object-fit:contain}.skill-name{font-weight:600;font-size:.88rem;color:var(--clr-text);text-align:left;white-space:nowrap;position:relative;z-index:1;letter-spacing:-.01em;transition:color var(--transition-fast)}.skills .section-header,.skills-categories,.skill-category{opacity:0;transform:translateY(40px);transition:opacity 1s ease-out,transform 1s ease-out}.skills .skill-card{opacity:0;transform:translateY(20px) scale(.88);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.skills-visible .section-header{opacity:1;transform:translateY(0);transition-delay:0s}.skills-visible .skills-categories{opacity:1;transform:translateY(0);transition-delay:.15s}.skills-visible .skill-category{opacity:1;transform:translateY(0)}.skills-visible .skill-category:nth-child(1){transition-delay:.2s}.skills-visible .skill-category:nth-child(2){transition-delay:.4s}.skills-visible .skill-category:nth-child(3){transition-delay:.6s}.skills-visible .skill-card{opacity:1;transform:translateY(0) scale(1)}.skills-visible .skill-category:nth-child(1) .skill-card:nth-child(1){transition-delay:.3s}.skills-visible .skill-category:nth-child(1) .skill-card:nth-child(2){transition-delay:.4s}.skills-visible .skill-category:nth-child(1) .skill-card:nth-child(3){transition-delay:.5s}.skills-visible .skill-category:nth-child(1) .skill-card:nth-child(4){transition-delay:.6s}.skills-visible .skill-category:nth-child(1) .skill-card:nth-child(5){transition-delay:.7s}.skills-visible .skill-category:nth-child(1) .skill-card:nth-child(6){transition-delay:.8s}.skills-visible .skill-category:nth-child(2) .skill-card:nth-child(1){transition-delay:.5s}.skills-visible .skill-category:nth-child(2) .skill-card:nth-child(2){transition-delay:.6s}.skills-visible .skill-category:nth-child(2) .skill-card:nth-child(3){transition-delay:.7s}.skills-visible .skill-category:nth-child(2) .skill-card:nth-child(4){transition-delay:.8s}.skills-visible .skill-category:nth-child(2) .skill-card:nth-child(5){transition-delay:.9s}.skills-visible .skill-category:nth-child(2) .skill-card:nth-child(6){transition-delay:1s}.skills-visible .skill-category:nth-child(3) .skill-card:nth-child(1){transition-delay:.7s}.skills-visible .skill-category:nth-child(3) .skill-card:nth-child(2){transition-delay:.8s}.skills-visible .skill-category:nth-child(3) .skill-card:nth-child(3){transition-delay:.9s}.skills-visible .skill-category:nth-child(3) .skill-card:nth-child(4){transition-delay:1s}.skills-visible .skill-category:nth-child(3) .skill-card:nth-child(5){transition-delay:1.1s}.skills-visible .skill-category:nth-child(3) .skill-card:nth-child(6){transition-delay:1.2s}.skill-category:hover,.skill-card:hover,.paginate-arrow:hover,.paginate-dot:hover{transition-delay:0s}[data-theme=dark] .skill-icon{background:var(--clr-surface);border-radius:var(--radius-full)}[data-theme=dark] .skill-icon img{filter:brightness(.95) contrast(1.05)}[data-theme=dark] .skill-card{background:var(--clr-bg-elevated)}[data-theme=dark] .skill-card:hover{box-shadow:0 8px 24px #ef44441f,0 4px 12px #0003}@media (max-width: 1024px){.skill-category{padding:1.75rem;padding-left:clamp(1.5rem,4vw,60px)}.skills-grid-paginated{grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr))}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr));gap:14px}.skills-grid-paginated{grid-template-columns:repeat(3,1fr)}.skill-card{padding:22px 14px}.skill-icon{width:48px;height:48px}.skill-category{padding:1.5rem}.category-title{font-size:1.1rem}.category-header{gap:.75rem;margin-bottom:1.25rem}.skills-categories{border-radius:var(--radius-xl)}.paginate-arrow{width:36px;height:36px;min-width:36px}.category-icon{width:44px;height:44px}}@media (max-width: 480px){.skill-category{padding:1.25rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(min(100px,100%),1fr));gap:10px}.skills-grid-paginated{grid-template-columns:repeat(3,1fr)}.skill-card{padding:18px 10px;gap:.6rem}.skill-icon{width:42px;height:42px}.skill-name{font-size:.8rem}.category-icon{width:40px;height:40px}.category-title{font-size:1rem}.category-count{font-size:.7rem}.paginate-arrow{width:32px;height:32px;min-width:32px}.paginated-skills-viewport{gap:.5rem}.paginate-indicators{gap:.375rem}.paginate-dot{width:6px;height:6px}.paginate-dot-active{width:18px}.skills-categories{border-radius:var(--radius-lg)}}@media (max-width: 360px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(min(85px,100%),1fr));gap:8px}.skills-grid-paginated{grid-template-columns:repeat(2,1fr)}.skill-card{padding:14px 8px}.skill-icon{width:36px;height:36px}.skill-name{font-size:.75rem}.skill-category{padding:1rem}.category-icon{width:36px;height:36px}.category-title{font-size:.9rem}.paginate-arrow{width:28px;height:28px;min-width:28px}}.projects{position:relative}.projects:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);pointer-events:none}.projects-filter{display:flex;justify-content:center;gap:.5rem;margin-bottom:3rem;flex-wrap:wrap;background:var(--clr-bg-alt);padding:.35rem;border-radius:var(--radius-full);border:1px solid var(--clr-border);width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm);position:relative}.filter-indicator{position:absolute;top:0;left:0;border-radius:var(--radius-full);background:var(--gradient-primary);box-shadow:0 2px 10px #dc262640;pointer-events:none;z-index:0;opacity:0;transition:transform .4s cubic-bezier(.4,0,.15,1),width .4s cubic-bezier(.4,0,.15,1),height .35s cubic-bezier(.4,0,.15,1),opacity .3s ease}.filter-btn{padding:.5rem 1.25rem;font-weight:500;font-size:.9rem;border-radius:var(--radius-full);color:var(--clr-text-secondary);border:1px solid transparent;transition:color .35s ease,background .3s ease,border-color .3s ease,transform var(--transition-fast),box-shadow var(--transition-fast);font-family:var(--font-primary);position:relative;z-index:1;cursor:pointer}.filter-btn:hover{color:var(--clr-primary);background:var(--clr-primary-bg)}.filter-btn.active{background:transparent;color:#fff;font-weight:500}.filter-btn.active:hover{background:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem}.project-card{border-radius:var(--radius-xl);overflow:visible;perspective:800px}.project-card-inner{background:var(--clr-bg-elevated);border:1px solid var(--clr-border);border-radius:var(--radius-xl);overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease,background .3s ease;transform-style:preserve-3d;position:relative;height:100%}.project-card-inner:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl),0 25px 50px #dc262614;border-color:var(--clr-primary-border)}.project-image{position:relative;overflow:hidden;background:var(--clr-surface);transition:background var(--transition-base),box-shadow var(--transition-base)}.project-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.04) 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.project-card-inner:hover .project-image:after{opacity:1}.project-placeholder{width:100%;aspect-ratio:16/10;display:block;transition:transform var(--transition-slow),filter var(--transition-slow),opacity var(--transition-slow);object-fit:cover;background:var(--clr-surface)}.project-card-inner:hover .project-placeholder{transform:scale(1.05)}.project-links{display:flex;gap:.75rem;margin-top:1rem}.project-link{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:var(--clr-bg);color:var(--clr-text-secondary);border:1px solid var(--clr-border);border-radius:50%;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.project-link:hover{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary);transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.project-link img{width:35px;height:35px;object-fit:contain}.project-info{padding:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.tag{padding:.25rem .75rem;background:var(--clr-primary-bg);border:1px solid var(--clr-primary-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:.75rem;font-weight:500;color:var(--clr-primary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.project-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--clr-text);transition:color var(--transition-fast),transform var(--transition-fast)}.project-description{font-size:.9rem;color:var(--clr-text-secondary);line-height:1.6;transition:color var(--transition-fast),transform var(--transition-fast)}.projects .section-header,.projects-filter{opacity:0;transform:translateY(40px);transition:opacity 1s ease-out,transform 1s ease-out}.project-card{opacity:0;transform:translateY(50px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.projects-visible .section-header{opacity:1;transform:translateY(0);transition-delay:0s}.projects-visible .projects-filter{opacity:1;transform:translateY(0);transition-delay:.2s}.project-card.cards-animate{opacity:1;transform:translateY(0)}.project-card.cards-animate:nth-child(1){transition-delay:.15s}.project-card.cards-animate:nth-child(2){transition-delay:.35s}.project-card.cards-animate:nth-child(3){transition-delay:.55s}.project-card.cards-animate:nth-child(4){transition-delay:.75s}.project-card.cards-animate:nth-child(5){transition-delay:.95s}.project-card.cards-animate:nth-child(6){transition-delay:1.15s}.project-card-inner:hover,.project-link:hover,.filter-btn:hover{transition-delay:0s}[data-theme=dark] .project-link img{filter:invert(1) brightness(1.2)}[data-theme=dark] .project-card-inner{box-shadow:0 1px 3px #0000004d}[data-theme=dark] .projects-filter{background:var(--clr-bg-elevated)}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.25rem}}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1.25rem}.projects-filter{margin-bottom:2rem;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;width:auto;max-width:100%;padding:.3rem}.projects-filter::-webkit-scrollbar{display:none}.filter-indicator{display:none}.filter-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #dc262633}.project-info{padding:1.25rem}.filter-btn{padding:.4rem 1rem;font-size:.85rem;white-space:nowrap;flex-shrink:0;min-height:var(--touch-target);display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}.project-card-inner:hover{transform:translateY(-3px)}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;gap:1rem}.projects-filter{gap:.3rem;justify-content:center;flex-wrap:wrap;overflow-x:visible}.filter-btn{padding:.35rem .85rem;font-size:.8rem}.project-info{padding:1rem}.project-title{font-size:1.05rem}.project-description{font-size:.85rem}.project-link,.project-link img{width:var(--touch-target);height:var(--touch-target)}.tag{font-size:.7rem;padding:.2rem .6rem}.project-card-inner:hover .project-placeholder,.project-card-inner:hover{transform:none}}@media (max-width: 360px){.project-info{padding:.875rem}.project-title{font-size:1rem}.project-description{font-size:.8rem}.tag{font-size:.65rem;padding:.15rem .5rem}.project-links{gap:.5rem}.filter-btn{padding:.3rem .7rem;font-size:.75rem}}@media (max-height: 500px) and (orientation: landscape){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}}.contact{background:var(--clr-bg-alt);position:relative}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-mesh);pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.contact-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--clr-bg-elevated);border:2px solid var(--clr-border);border-radius:var(--radius-lg);margin-bottom:1rem;transition:all .3s ease-in-out;position:relative;overflow:hidden}.contact-card:hover{border:2px solid var(--clr-primary-border);box-shadow:var(--shadow-md);transform:translate(4px)}.contact-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--clr-primary-bg);color:var(--clr-primary);border-radius:var(--radius-md);flex-shrink:0;transition:all .3s ease-in-out}.contact-card h4{font-size:.85rem;font-weight:600;margin-bottom:.15rem;color:var(--clr-text);transition:color .3s ease-in-out}.contact-card span,.contact-card a,.contact-card p{font-size:.9rem;color:var(--clr-text-secondary);font-family:var(--font-primary)}.contact-card a{transition:all .3s ease-in-out}.contact-card a:hover{color:var(--clr-primary)}.contact-socials{display:flex;align-items:center;gap:1rem;margin-top:.5rem;padding-top:.5rem}.contact-social-link{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--clr-border, rgba(255, 255, 255, .1));color:var(--clr-text-secondary);background:transparent;transition:all .3s ease-in-out}.contact-social-link:hover{color:var(--clr-primary);border-color:var(--clr-primary);transform:translateY(-3px);box-shadow:0 4px 15px #dc262633}.contact-social-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);background:var(--clr-surface, rgba(30, 30, 30, .95));color:var(--clr-text);padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:all .3s ease-in-out;border:1px solid var(--clr-border, rgba(255, 255, 255, .08))}.contact-social-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--clr-surface, rgba(30, 30, 30, .95))}.contact-social-link:hover .contact-social-tooltip{opacity:1;transform:translate(-50%) scale(1)}.contact-form{background:var(--clr-bg-elevated);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:all .3s ease-in-out}.form-group{margin-bottom:1.25rem}.input-wrapper{position:relative}.input-wrapper input,.input-wrapper textarea{width:100%;padding:1rem;background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text);outline:none;transition:all .3s ease-in-out;resize:none}.input-wrapper label{position:absolute;left:1rem;top:1rem;font-size:.9rem;color:var(--clr-text-muted);pointer-events:none;transition:all .3s ease-in-out;background:var(--clr-surface);padding:0 .25rem}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #dc262614}.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label,.input-wrapper textarea:focus+label,.input-wrapper textarea:not(:placeholder-shown)+label{top:-.5rem;font-size:.75rem;color:var(--clr-primary);font-weight:600}.form-status{margin-top:1rem;padding:.75rem;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.9rem;text-align:center}.form-status.success{display:block;background:#16a34a14;color:var(--clr-success);border:1px solid rgba(22,163,74,.2)}.form-status.error{display:block;background:#dc262614;color:var(--clr-error);border:1px solid rgba(220,38,38,.2)}.contact .section-header,.contact-info,.contact-form,.contact-card{opacity:0;transform:translateY(40px);transition:all .3s ease-in-out}.contact-info{transform:translate(-60px)}.contact-form{transform:translate(60px)}.contact-visible .section-header{opacity:1;transform:translateY(0)}.contact-visible .contact-info{opacity:1;transform:translate(0)}.contact-visible .contact-card{opacity:1;transform:translateY(0)}.contact-visible .contact-card:nth-child(1){transition-delay:.2s}.contact-visible .contact-card:nth-child(2){transition-delay:.3s}.contact-visible .contact-card:nth-child(3){transition-delay:.4s}.contact-socials{opacity:0;transform:translateY(20px);transition:all .3s ease-in-out}.contact-visible .contact-socials{opacity:1;transform:translateY(0);transition-delay:.5s}.contact-visible .contact-form{opacity:1;transform:translate(0);transition-delay:.25s}.contact-card:hover,.contact-social-link:hover,.contact-form:hover{transition-delay:0s}[data-theme=dark] .input-wrapper input,[data-theme=dark] .input-wrapper textarea{background:var(--clr-surface);color:var(--clr-text)}[data-theme=dark] .input-wrapper label{background:var(--clr-surface)}[data-theme=dark] .input-wrapper input:focus+label,[data-theme=dark] .input-wrapper input:not(:placeholder-shown)+label,[data-theme=dark] .input-wrapper textarea:focus+label,[data-theme=dark] .input-wrapper textarea:not(:placeholder-shown)+label{background:var(--clr-bg-elevated)}[data-theme=dark] .contact-form{box-shadow:0 1px 3px #0000004d,0 6px 16px #00000040}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1rem}.contact-card{margin-bottom:0}.contact-socials{grid-column:1 / -1;justify-content:center;margin-top:0;padding-top:.25rem}}@media (max-width: 768px){.contact-grid{gap:2rem}.contact-info{grid-template-columns:1fr}.contact-form{padding:1.5rem;border-radius:var(--radius-lg)}.contact-card h4{font-size:.8rem}.contact-card span,.contact-card a,.contact-card p{font-size:.85rem;word-break:break-word;overflow-wrap:anywhere}.input-wrapper input,.input-wrapper textarea{font-size:16px}.contact-card{margin-bottom:0}.contact-socials{justify-content:center}.contact-info,.contact-form{transform:translateY(40px)}.contact-visible .contact-info,.contact-visible .contact-form{transform:translateY(0)}}@media (max-width: 480px){.contact-grid{gap:1.5rem}.contact-form{padding:1rem}.contact-card{padding:.875rem;gap:.75rem;border-radius:var(--radius-md)}.contact-icon,.contact-social-link{width:38px;height:38px}.input-wrapper input,.input-wrapper textarea{padding:.875rem;font-size:16px;border-radius:var(--radius-sm)}.input-wrapper label{font-size:.85rem;top:.875rem}.contact-card span,.contact-card a,.contact-card p{font-size:.8rem}.form-group{margin-bottom:1rem}.btn-full{min-height:var(--touch-target)}}@media (max-width: 360px){.contact-form{padding:.875rem}.contact-card{padding:.75rem;gap:.625rem}.contact-icon,.contact-social-link{width:34px;height:34px}.contact-socials{gap:.75rem}.contact-card h4,.contact-card span,.contact-card a,.contact-card p{font-size:.75rem}.input-wrapper input,.input-wrapper textarea{padding:.75rem}.input-wrapper label{font-size:.8rem;top:.75rem;left:.75rem}.form-status{font-size:.8rem;padding:.625rem}}@media (max-height: 500px) and (orientation: landscape){.contact-grid{grid-template-columns:1fr 1.5fr}}:root{--clr-bg: #fafafa;--clr-bg-alt: #ffffff;--clr-bg-elevated: #ffffff;--clr-surface: #f4f5f7;--clr-border: #e2e5ea;--clr-border-light: #f0f1f3;--clr-text: #0f172a;--clr-text-secondary: #475569;--clr-text-muted: #94a3b8;--clr-primary: #dc2626;--clr-primary-light: #ef4444;--clr-primary-dark: #b91c1c;--clr-primary-bg: #fef2f2;--clr-primary-border: #fecaca;--clr-success: #16a34a;--clr-error: #dc2626;--gradient-primary: linear-gradient(135deg, #dc2626, #ef4444);--gradient-hero: linear-gradient(135deg, rgba(220,38,38,.03) 0%, rgba(249,115,22,.02) 50%, rgba(255,255,255,0) 100%);--gradient-subtle: linear-gradient(135deg, rgba(220, 38, 38, .06), rgba(220, 38, 38, .02));--gradient-mesh: radial-gradient(at 20% 80%, rgba(220,38,38,.04) 0%, transparent 50%), radial-gradient(at 80% 20%, rgba(249,115,22,.04) 0%, transparent 50%), radial-gradient(at 50% 50%, rgba(244,63,94,.02) 0%, transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .07), 0 8px 10px -6px rgba(0, 0, 0, .03);--shadow-red-sm: 0 4px 14px rgba(220, 38, 38, .15);--shadow-red-lg: 0 15px 40px rgba(220, 38, 38, .25);--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 6px 16px rgba(0,0,0,.04);--shadow-card-hover: 0 8px 30px rgba(0,0,0,.08), 0 0 0 1px rgba(220,38,38,.06);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", var(--font-primary);--section-padding: 7rem 0;--container-padding: 1.5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--header-height: 4.75rem;--touch-target: 44px}[data-theme=dark]{--clr-bg: #0a0a0f;--clr-bg-alt: #0f0f17;--clr-bg-elevated: #161622;--clr-surface: #1a1a2e;--clr-border: #2a2a3e;--clr-border-light: #1e1e30;--clr-text: #e8e8f0;--clr-text-secondary: #a0a0b8;--clr-text-muted: #6b6b80;--clr-primary: #dc2626;--clr-primary-light: #ef4444;--clr-primary-dark: #b91c1c;--clr-primary-bg: rgba(220, 38, 38, .1);--clr-primary-border: rgba(220, 38, 38, .25);--clr-success: #22c55e;--clr-error: #dc2626;--gradient-primary: linear-gradient(135deg, #dc2626, #ef4444);--gradient-hero: linear-gradient(135deg, rgba(220,38,38,.06) 0%, rgba(249,115,22,.04) 50%, rgba(10,10,15,0) 100%);--gradient-subtle: linear-gradient(135deg, rgba(220, 38, 38, .1), rgba(220, 38, 38, .04));--gradient-mesh: radial-gradient(at 20% 80%, rgba(220,38,38,.06) 0%, transparent 50%), radial-gradient(at 80% 20%, rgba(249,115,22,.06) 0%, transparent 50%), radial-gradient(at 50% 50%, rgba(244,63,94,.03) 0%, transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-red-sm: 0 4px 14px rgba(220, 38, 38, .2);--shadow-red-lg: 0 15px 40px rgba(220, 38, 38, .3);--shadow-card: 0 1px 3px rgba(0,0,0,.2), 0 6px 16px rgba(0,0,0,.15);--shadow-card-hover: 0 8px 30px rgba(0,0,0,.3), 0 0 0 1px rgba(220,38,38,.1)}*{margin:0;padding:0;box-sizing:border-box}.theme-switching,.theme-switching *,.theme-switching *:before,.theme-switching *:after{transition-duration:0s!important;animation-duration:0s!important}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:1rem;line-height:1.7;color:var(--clr-text);background-color:var(--clr-bg);overflow-x:hidden;width:100%;max-width:100vw;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;transition:color var(--transition-fast),transform var(--transition-fast)}ul{list-style:none}img{max-width:100%;display:block}button,input,textarea,select{border:none;background:none;cursor:pointer;font-family:var(--font-primary)}::-webkit-scrollbar{display:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--container-padding);width:100%}.section{padding:var(--section-padding);position:relative;overflow-x:hidden}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--clr-text)}.section-subtitle{font-size:1.05rem;color:var(--clr-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;font-size:.95rem;border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden;letter-spacing:.01em;cursor:pointer}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-red-sm);background-size:200% 200%;background-position:0% 50%;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),background-position .4s cubic-bezier(.4,0,.2,1)}.btn-primary:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;background:var(--gradient-primary);z-index:-1;opacity:0;filter:blur(12px);transition:opacity .4s ease}.btn-primary:hover:before{opacity:.6}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 30px #dc262659,0 0 0 1px #dc26261a;background-position:100% 50%}.btn-primary:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 15px #dc262640;transition-duration:.1s}.btn-outline{border:2px solid var(--clr-border);color:var(--clr-text);background:var(--clr-bg-elevated);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{border-color:var(--clr-primary);color:var(--clr-primary);background:var(--clr-primary-bg);transform:translateY(-3px) scale(1.03);box-shadow:0 8px 25px #dc26261f,0 0 0 1px #dc262614}.btn-outline:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.btn-full{width:100%;justify-content:center}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes heroZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){:root{--section-padding: 5rem 0;--container-padding: 1.5rem}}@media (max-width: 768px){:root{--section-padding: 4rem 0;--container-padding: 1.25rem;--header-height: 4rem}.section-header{margin-bottom:2.5rem}.section-title{font-size:clamp(1.5rem,5vw,2.25rem)}.section-subtitle{font-size:.95rem}@media (hover: none){.btn-primary:hover,.btn-outline:hover{transform:none}}}@media (max-width: 640px){:root{--section-padding: 3.5rem 0}}@media (max-width: 480px){:root{--container-padding: 1rem;--header-height: 3.5rem}.section-header{margin-bottom:2rem}.section-title{font-size:clamp(1.35rem,6vw,1.85rem)}.section-subtitle{font-size:.9rem}.btn{padding:.75rem 1.5rem;font-size:.9rem;min-height:var(--touch-target)}}@media (max-width: 360px){:root{--container-padding: .75rem}.section-title{font-size:clamp(1.2rem,7vw,1.6rem)}.section-subtitle{font-size:.85rem}}@media (max-height: 500px) and (orientation: landscape){:root{--section-padding: 2.5rem 0}.section-header{margin-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.header,.hero-scroll,.footer{display:none!important}body{font-size:12pt;color:#000;background:#fff}.section{padding:2rem 0;page-break-inside:avoid}}