@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg: #0b0b0f;--color-surface: #121318;--color-surface-2: #171920;--color-border: #262a33;--color-text: #e5e7eb;--color-text-dim: #b3b6bd;--color-primary: #e53935;--color-primary-light: #ff6f61;--color-primary-dark: #b71c1c;--color-secondary: #ff3b3b;--color-white: #ffffff;--color-black: #000000;--color-gray-100: #1a1c22;--color-gray-200: #22252d;--color-gray-300: #2a2e38;--color-gray-400: #323744;--color-gray-500: #495063;--color-gray-600: #6b7280;--color-gray-700: #94a3b8;--color-gray-800: #cbd5e1;--color-gray-900: #e5e7eb;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .15);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .25), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 20px -3px rgb(0 0 0 / .35), 0 4px 8px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 35px -5px rgb(0 0 0 / .45), 0 10px 15px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 30px 60px -12px rgb(0 0 0 / .55);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .45s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:var(--color-bg)}html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-dark));border-radius:10px}html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary-light),var(--color-primary))}body{font-family:var(--font-sans);font-weight:400;line-height:1.6;color:var(--color-text);background:radial-gradient(1400px 900px at 50% -400px,#1a1a22 15%,transparent 60%),radial-gradient(1000px 800px at 100% 50%,rgba(229,57,53,.03) 0%,transparent 50%),radial-gradient(1000px 800px at 0% 50%,rgba(255,111,97,.02) 0%,transparent 50%),linear-gradient(180deg,#0b0b0f,#0b0b10);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:-30% -30% auto;height:150vh;pointer-events:none;background:radial-gradient(800px 400px at 10% 15%,rgba(229,57,53,.22) 0%,transparent 55%),radial-gradient(700px 500px at 90% 25%,rgba(255,111,97,.18) 0%,transparent 60%),radial-gradient(900px 600px at 50% 85%,rgba(183,28,28,.2) 0%,transparent 65%);filter:blur(80px);animation:liquidFlow 20s ease-in-out infinite alternate;transform:translateZ(0);z-index:0;will-change:transform}@keyframes liquidFlow{0%{transform:translate3d(-30px,-30px,0) scale(.95)}25%{transform:translate3d(20px,10px,0) scale(1.05)}50%{transform:translate3d(30px,40px,0) scale(1.1)}75%{transform:translate3d(-10px,20px,0) scale(1.02)}to{transform:translate3d(-30px,-30px,0) scale(.95)}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text);margin-bottom:var(--space-4)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.025em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.025em}h3{font-size:clamp(1.5rem,3vw,2.25rem)}h4{font-size:clamp(1.25rem,2.5vw,1.875rem)}h5{font-size:clamp(1.125rem,2vw,1.5rem)}h6{font-size:clamp(1rem,1.5vw,1.25rem)}p{margin-bottom:var(--space-4);color:var(--color-text-dim);font-size:1.1rem;line-height:1.75}a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all var(--transition-fast);position:relative}a:hover{color:var(--color-primary-light)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:500;font-size:1rem;line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark),#8a1a1a);box-shadow:0 20px 40px #e5393566;transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 12px 30px #e5393533}.card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.reveal-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.in-view{opacity:1!important;transform:translateY(0)!important}@media(max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-2)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:#e5393559;color:var(--color-white)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.projects-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.projects-header{text-align:center;margin-bottom:var(--space-16);animation:fadeInUp .8s ease-out}.projects-count{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.count-number{font-size:clamp(3rem,6vw,4.5rem);font-weight:900;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;animation:countPulse 2s ease-in-out infinite}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.count-label{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.05em}.projects-description{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-dim);max-width:600px;margin:0 auto;line-height:1.6}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;min-height:400px}.loading-spinner{width:50px;height:50px;border:3px solid var(--color-surface-2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p{color:var(--color-text-dim);margin-bottom:1.5rem;font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-top:3rem;perspective:1000px;align-items:stretch}@media(max-width:1400px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background:linear-gradient(135deg,var(--color-surface) 0%,rgba(18,19,24,.8) 100%);border-radius:1.25rem;border:1px solid var(--color-border);padding:2rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:400px;opacity:0;transform:translateY(40px) rotateX(10deg);transform-style:preserve-3d;perspective:1000px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card.visible{opacity:1;transform:translateY(0) rotateX(0)}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),var(--color-secondary),var(--color-primary));background-size:200% 100%;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.34,1.56,.64,1);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-card:after{content:"";position:absolute;inset:-2px;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(229,57,53,.15) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1;border-radius:inherit}.project-card:hover{transform:translateY(-12px) scale(1.03) rotateX(var(--rotate-x, 0deg)) rotateY(var(--rotate-y, 0deg));box-shadow:0 25px 70px #e539354d,0 0 60px #e5393526,inset 0 1px #ffffff1a;border-color:var(--color-primary);background:linear-gradient(135deg,rgba(229,57,53,.05) 0%,var(--color-surface) 100%)}.project-card:hover:before{transform:scaleX(1)}.project-card:hover:after{opacity:1}.project-header{margin-bottom:1rem}.project-title-section{display:flex;flex-direction:column;gap:.5rem}.project-title{font-size:1.3rem;font-weight:700;color:var(--color-text);margin:0;line-height:1.4;background:linear-gradient(135deg,var(--color-text),var(--color-text-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.project-card:hover .project-title{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;flex-wrap:wrap}.project-language{display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .3s ease}.project-card:hover .project-language{color:var(--color-primary)}.language-dot{width:8px;height:8px;border-radius:50%;display:inline-block;transition:all .3s ease;box-shadow:0 0 8px currentColor}.project-card:hover .language-dot{transform:scale(1.3)}.project-updated{color:var(--color-text-dim);transition:color .3s ease}.project-card:hover .project-updated{color:var(--color-primary-light)}.project-content{flex:1;display:flex;flex-direction:column;margin-bottom:1.5rem}.project-description{color:var(--color-text-dim);line-height:1.6;margin-bottom:1rem;font-size:.95rem;flex:1}.project-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.topic-tag{background:var(--color-surface-2);color:var(--color-text-dim);padding:.35rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid transparent;cursor:pointer;display:inline-block}.topic-tag:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #e539354d;border-color:var(--color-primary-light)}.topic-more{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);border:1px solid var(--color-primary-light)}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--color-border);margin-top:auto}.project-stats{display:flex;gap:1rem}.stat{display:flex;align-items:center;gap:.25rem;color:var(--color-text-dim);font-size:.875rem}.stat-icon{width:14px;height:14px}.project-actions{display:flex;gap:.75rem}.btn-sm{padding:.6rem 1.2rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.btn-sm:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.btn-sm:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e539354d}.btn-sm:hover:before{opacity:1}.btn-icon{width:16px;height:16px;transition:all .3s ease}.btn-sm:hover .btn-icon{transform:scale(1.2)}.animate-fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.project-card:nth-child(1){animation-delay:.05s}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.15s}.project-card:nth-child(4){animation-delay:.2s}.project-card:nth-child(5){animation-delay:.25s}.project-card:nth-child(6){animation-delay:.3s}.project-card:nth-child(n+7){animation-delay:.35s}@media(max-width:900px){.projects-grid{grid-template-columns:1fr}}@media(max-width:768px){.projects-container{padding:0 var(--space-4)}.projects-grid{grid-template-columns:1fr;gap:1.75rem;margin-top:2rem}.project-card{padding:1.5rem;min-height:350px}.project-footer{flex-direction:column;gap:1rem;align-items:stretch}.project-actions,.project-stats{justify-content:center}}@media(max-width:480px){.projects-container{padding:0 var(--space-3)}.projects-grid{gap:1.5rem;margin-top:1.5rem}.project-card{padding:1.25rem}.project-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.project-topics{gap:.375rem}.topic-tag{font-size:.7rem;padding:.2rem .6rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem}}@media(prefers-contrast:high){.project-card{border-width:2px}.project-card:hover{border-width:3px}.topic-tag{border:1px solid currentColor}}@media(prefers-reduced-motion:reduce){.project-card,.topic-tag,.animate-fade-in-up{transition:none;animation:none;opacity:1;transform:none}.project-card:hover{transform:none}.loading-spinner{animation:none}}.App{min-height:100vh;display:flex;flex-direction:column;position:relative}.particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--color-primary);border-radius:50%;opacity:0;animation:particleFloat linear infinite;box-shadow:0 0 10px var(--color-primary)}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(1);opacity:0}}.mouse-follower{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(229,57,53,.15) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:0;filter:blur(40px);transition:left .3s ease,top .3s ease}.scroll-indicator{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),var(--color-secondary));z-index:1000;transition:width .1s ease-out;box-shadow:0 0 30px #e53935cc}.hero-header{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-20) var(--space-6)}.hero-background-layer{position:absolute;inset:-50%;background:radial-gradient(800px 600px at 20% 30%,rgba(229,57,53,.3) 0%,transparent 50%),radial-gradient(600px 500px at 80% 70%,rgba(255,111,97,.25) 0%,transparent 50%),radial-gradient(700px 400px at 50% 10%,rgba(183,28,28,.2) 0%,transparent 50%);filter:blur(80px);animation:liquidFlow 20s ease-in-out infinite;z-index:0;will-change:transform;pointer-events:none}.hero-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(229,57,53,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite;z-index:0}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes liquidFlow{0%{transform:translate3d(-20px,-20px,0) scale(1)}50%{transform:translate3d(20px,30px,0) scale(1.1)}to{transform:translate3d(-20px,-20px,0) scale(1)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;animation:heroFadeIn 1.2s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.hero-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#e539351a;border:1px solid rgba(229,57,53,.3);border-radius:9999px;margin-bottom:var(--space-8);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 20px #e539354d}50%{box-shadow:0 0 40px #e5393580}}.hero-icon{width:24px;height:24px;color:var(--color-primary)}.hero-badge span{font-size:1rem;font-weight:600;color:var(--color-text)}.hero-title{font-size:clamp(4rem,10vw,7rem);font-weight:900;margin-bottom:var(--space-6);line-height:1;letter-spacing:-.04em;display:flex;flex-direction:column;gap:var(--space-2)}.hero-title-line{display:block;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;color:var(--color-text-dim);margin:0 0 var(--space-12) 0;letter-spacing:.02em;max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;gap:var(--space-8);justify-content:center;margin-bottom:var(--space-12)}.hero-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:#e539351a;border:1px solid rgba(229,57,53,.3);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.hero-stats .stat-item:hover{transform:translateY(-5px);background:#e5393533;box-shadow:0 10px 30px #e539354d}.stat-value{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-dim);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;animation:bounce 2s ease-in-out infinite;cursor:pointer;transition:all .3s ease}.hero-scroll-indicator:hover{color:var(--color-primary);transform:translateY(-5px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-arrow{width:24px;height:24px;color:var(--color-primary)}.floating-hire-btn{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:9999px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 40px #e5393580;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:floatPulse 3s ease-in-out infinite}@keyframes floatPulse{0%,to{transform:translateY(0);box-shadow:0 10px 40px #e5393580}50%{transform:translateY(-5px);box-shadow:0 15px 50px #e53935b3}}.floating-hire-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 50px #e53935cc}.floating-hire-btn:active{transform:translateY(-2px) scale(1.02)}.hire-icon{width:24px;height:24px}.hire-me-section{padding:var(--space-20) 0;position:relative;z-index:1}.hire-me-card{position:relative;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(18,19,24,.95) 100%);border:2px solid var(--color-primary);border-radius:2rem;padding:4rem;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hire-me-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),var(--color-secondary),var(--color-primary));background-size:200% 100%;animation:shimmer 3s linear infinite}.hire-me-glow{position:absolute;inset:-150px;background:radial-gradient(circle at 50% 50%,rgba(229,57,53,.2) 0%,transparent 70%);animation:pulse 5s ease-in-out infinite;pointer-events:none}.hire-me-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hire-me-icon-large{width:100px;height:100px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #e5393580;animation:float 4s ease-in-out infinite}.hire-me-icon-large svg{width:50px;height:50px;color:#fff}.hire-me-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hire-me-description{font-size:1.25rem;line-height:1.8;color:var(--color-text-dim);margin-bottom:var(--space-10)}.hire-me-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.hire-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#e539351a;border:1px solid rgba(229,57,53,.3);border-radius:var(--radius-xl);transition:all .3s ease}.hire-feature:hover{background:#e5393533;transform:translateY(-3px);box-shadow:0 10px 30px #e539354d}.feature-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.hire-feature span{font-weight:600;color:var(--color-text)}.hire-me-contact{margin-top:var(--space-10)}.contact-label{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.discord-tag{display:inline-flex;align-items:center;gap:var(--space-4);padding:1rem 2rem;background:#5865f21a;border:2px solid rgba(88,101,242,.3);border-radius:9999px;transition:all .3s ease}.discord-tag:hover{background:#5865f233;border-color:#5865f280;transform:scale(1.05)}.discord-icon{width:32px;height:32px;color:#5865f2}.discord-username{font-size:1.5rem;font-weight:700;color:var(--color-text);font-family:var(--font-mono)}.copy-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:9999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:linear-gradient(135deg,var(--color-primary-dark),#8a1a1a);transform:translateY(-2px);box-shadow:0 5px 15px #e5393566}.copy-btn:active{transform:translateY(0)}.main-content{flex:1;position:relative;z-index:1;padding:var(--space-20) 0}.recent-projects-section{padding:var(--space-20) 0;position:relative;z-index:1}.recent-projects-header{text-align:center;margin-bottom:var(--space-12)}.recent-projects-grid{display:flex;flex-direction:column;gap:2.5rem;max-width:1200px;margin:0 auto}.recent-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#e5393533,#ff6f6133);border:1px solid rgba(229,57,53,.4);border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary-light);margin-bottom:var(--space-4);animation:badgePulse 2s ease-in-out infinite}.recent-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--color-text),var(--color-text-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.recent-project-card{position:relative;background:linear-gradient(135deg,var(--color-surface) 0%,rgba(18,19,24,.9) 100%);border:1px solid var(--color-border);border-radius:1.5rem;padding:3rem;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recent-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),var(--color-secondary),var(--color-primary));background-size:200% 100%;animation:shimmer 3s linear infinite}.recent-project-glow{position:absolute;inset:-100px;background:radial-gradient(circle at 50% 50%,rgba(229,57,53,.15) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite;pointer-events:none}.recent-project-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px #e539354d,0 0 80px #e5393533,inset 0 1px #ffffff1a;border-color:var(--color-primary)}.recent-project-content{position:relative;z-index:1;display:flex;gap:var(--space-12);align-items:center}.recent-project-info{flex:1;display:flex;gap:var(--space-6);align-items:flex-start}.recent-project-icon{width:80px;height:80px;min-width:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #e5393566;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.recent-project-icon svg{width:40px;height:40px;color:#fff}.recent-project-text{flex:1}.recent-project-name{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recent-project-description{font-size:1.125rem;line-height:1.7;color:var(--color-text-dim);margin-bottom:var(--space-6)}.recent-project-tags{display:flex;flex-wrap:wrap;gap:var(--space-3)}.recent-tag{padding:.5rem 1rem;background:#e5393526;border:1px solid rgba(229,57,53,.3);border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--color-primary-light);transition:all .3s ease}.recent-tag:hover{background:#e539354d;transform:translateY(-2px)}.recent-project-actions{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.btn-large{padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;white-space:nowrap;box-shadow:0 10px 30px #e5393566}.btn-large:hover{box-shadow:0 15px 40px #e5393599;transform:translateY(-3px) scale(1.05)}.recent-project-stats{display:flex;gap:var(--space-4)}.recent-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#e539351a;border:1px solid rgba(229,57,53,.2);border-radius:var(--radius-lg);min-width:80px;transition:all .3s ease}.recent-stat:hover{background:#e5393533;transform:translateY(-3px)}.recent-stat-icon{font-size:1.5rem}.recent-stat-label{font-size:.75rem;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.hero-header{min-height:80vh;padding:var(--space-16) var(--space-4)}.hero-badge{padding:.6rem 1.2rem;gap:.5rem}.hero-icon{width:20px;height:20px}.hero-badge span{font-size:.875rem}.hero-title{font-size:3rem;gap:var(--space-1)}.hero-subtitle{font-size:1.125rem;margin-bottom:var(--space-8)}.hero-scroll-indicator{font-size:.75rem}.scroll-arrow{width:20px;height:20px}.main-content{padding:var(--space-16) 0}}@media(max-width:480px){.hero-header{min-height:70vh;padding:var(--space-12) var(--space-4)}.hero-badge{padding:.5rem 1rem}.hero-icon{width:18px;height:18px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-stats{gap:var(--space-4);flex-wrap:wrap}.hero-stats .stat-item{padding:var(--space-3) var(--space-4)}.stat-value{font-size:1.5rem}.stat-label{font-size:.65rem}.hero-scroll-indicator span,.mouse-follower{display:none}.recent-projects-grid{gap:2rem}.recent-project-card{padding:2rem}.recent-project-content{flex-direction:column;gap:var(--space-8)}.recent-project-info{flex-direction:column;text-align:center}.recent-project-icon{margin:0 auto}.recent-project-actions,.btn-large{width:100%}.recent-project-stats{width:100%;justify-content:center}.floating-hire-btn{bottom:1rem;right:1rem;padding:.875rem 1.5rem;font-size:.9rem}.hire-me-card{padding:2.5rem 1.5rem}.hire-me-icon-large{width:80px;height:80px}.hire-me-icon-large svg{width:40px;height:40px}.hire-me-features{grid-template-columns:1fr}.discord-tag{flex-direction:column;gap:var(--space-3);padding:1.5rem}.discord-username{font-size:1.25rem}}