@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-image:radial-gradient(circle,#fff3 1px,#070411 0);background-size:20px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;position:absolute;top:0;width:100%;z-index:-2}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border);color:#fff;color:var(--text-primary);display:flex;justify-content:space-between;left:0;min-height:70px;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:1000}.header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff05);border-radius:0;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.header.scrolled{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0f0f23f2;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-medium)}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.logo:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.logo:hover:after{width:100%}.logo:hover{filter:brightness(1.2);transform:translateY(-2px)}.social-icons{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:50px;display:flex;gap:1rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.social-icons:hover{background:#ffffff14;border-color:#fff3}.icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:#e2e8f0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.icon:hover{background:#ffffff0d;background:var(--glass-bg);border-color:#ffffff1a;border-color:var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #667eea4d;box-shadow:var(--shadow-soft),0 0 20px #667eea4d;color:#fff;color:var(--text-primary);transform:translateY(-3px) scale(1.05)}.social-icons .icon:first-child:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #1877f266;box-shadow:var(--shadow-soft),0 0 20px #1877f266;color:#1877f2}.social-icons .icon:nth-child(2):hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #1da1f266;box-shadow:var(--shadow-soft),0 0 20px #1da1f266;color:#1da1f2}.social-icons .icon:nth-child(3):hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #0077b566;box-shadow:var(--shadow-soft),0 0 20px #0077b566;color:#0077b5}.social-icons .icon:nth-child(4):hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #e1306c66;box-shadow:var(--shadow-soft),0 0 20px #e1306c66;color:#fff}.icon:active{transform:translateY(-1px) scale(.98)}.icon:focus-visible,.logo:focus-visible{border-radius:4px;outline:2px solid #4f46e5;outline:2px solid var(--accent-color);outline-offset:3px}@media (max-width:768px){.header{min-height:60px;padding:.75rem 1rem}.logo{font-size:1.5rem}.social-icons{gap:.5rem;padding:.25rem}.icon{font-size:1.1rem;min-height:40px;min-width:40px;padding:.5rem}}@media (max-width:480px){.header{padding:.5rem 1rem}.logo{font-size:1.25rem}.social-icons{gap:.25rem}.icon{font-size:1rem;min-height:36px;min-width:36px;padding:.4rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header{animation:slideDown .6s ease-out}.icon,.logo{will-change:transform}@media (prefers-contrast:high){.header{background:#000000f2;border-bottom:2px solid #fff}.logo{-webkit-text-fill-color:#fff;background:none}.icon{border:1px solid #fff;color:#fff}}@media (prefers-reduced-motion:reduce){.header,.icon,.logo,.social-icons{animation:none;transition:none}.icon:hover,.logo:hover{transform:none}}@media print{.header{background:#0000;border-bottom:1px solid #000;color:#000;position:static}.social-icons{display:none}}:root{--shadow-large:0 25px 50px -12px #00000040;--border-radius-lg:24px}.hero{align-items:center;background:#080817;background:var(--bg-darker);display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:2rem;position:relative;width:100%}canvas{background:radial-gradient(ellipse at top,#0f0f23 0,#080817 100%);background:radial-gradient(ellipse at top,var(--bg-dark) 0,var(--bg-darker) 100%);height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:0}.person{align-items:center;display:flex;justify-content:center;margin-bottom:3rem;position:relative;z-index:2}.container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:50%;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-large);cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:200px}.container:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.container:hover:before{animation:rotate 3s linear infinite;opacity:1}.container:hover{box-shadow:0 32px 64px -12px #667eea66,0 25px 50px -12px #00000040;box-shadow:0 32px 64px -12px #667eea66,var(--shadow-large);transform:translateY(-10px) scale(1.05)}.container-inner{overflow:hidden;position:relative}.circle,.container-inner{border-radius:50%;height:100%;width:100%}.circle{left:0;opacity:1;position:absolute;top:0;transition:all .4s ease}.container:hover .circle{opacity:.2;transform:scale(1.1)}.img1{border-radius:50%;height:80%;left:10%;object-fit:cover;position:absolute;top:10%;width:80%}.container:hover .img1{filter:grayscale(0) contrast(1.2) brightness(1.1);transform:scale(1.05)}h1{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease-out .5s both;background:linear-gradient(135deg,#fff,#e2e8f0 50%,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;position:relative;text-align:center;z-index:2}h1:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .6s cubic-bezier(.4,0,.2,1);width:0}h1:hover:after{width:100%}.neon{position:relative;text-shadow:0 0 10px #ffffff1a,0 0 20px #ffffff1a,0 0 40px #667eea4d}.turquoise{--color1:#e0f2fe;--color2:#67e8f9;--color3:#06b6d4;--color4:#0891b2}pre{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-medium);color:#e2e8f0;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.6;margin:2rem 0;overflow:hidden;padding:1.5rem;position:relative}pre:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:1px;left:0;position:absolute;right:0;top:0}code{font-family:inherit;font-weight:400}b,em,i,strong,u{font-style:normal;font-weight:400;text-decoration:none}b,i{color:#60a5fa}em{color:#c084fc}strong{color:#34d399}u{color:#fff;color:var(--text-primary)}s{color:#94a3b8;color:var(--text-muted);text-decoration:line-through}.lineOfCode{animation:typingEffect 1.8s steps(14) 1s forwards,caretAnim .5s steps(2) infinite;border-right:2px solid #4f46e5;border-right:2px solid var(--accent-color);margin:0;overflow:hidden;padding:0;width:0}.lineOfCode:nth-of-type(2){animation-delay:3.1s}.lineOfCode:nth-of-type(3){animation-delay:5.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes typingEffect{0%{border-width:2px;width:0}5%{border-width:2px;width:0}95%{border-width:2px}to{border-width:0;width:14ch}}@keyframes caretAnim{0%,to{border-color:#0000}50%{border-color:#4f46e5;border-color:var(--accent-color)}}.flex{align-items:center;display:flex;justify-content:space-between;width:100%}@media (max-width:768px){.hero{height:100vh;padding:1rem}.container{height:150px;width:150px}h1{font-size:clamp(2rem,8vw,3rem);margin-bottom:1rem}pre{font-size:.8rem;margin:1rem 0;padding:1rem}}@media (max-width:480px){.hero{padding:.5rem}.container{height:120px;width:120px}.person{margin-bottom:2rem}}*{box-sizing:border-box}.container,.img1,h1{will-change:transform}.container:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--accent-color);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.about{color:#fff;justify-content:center;padding:40px;text-align:center}.sec{padding-left:10rem;padding-right:10rem}h3{color:#8e2de2;font-size:2.5em}.quote{font-size:1.5em;font-style:italic}.download-button{background-color:#333;border:1px solid #8e2de2;border-radius:5px;color:#fff;display:inline-block;margin-top:20px;padding:10px 20px;text-decoration:none}.download-button:hover{background-color:#8e2de2}.connect-button{background-color:initial;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;margin:1rem;padding:10px 20px}.connect-button:hover{background-color:#333}:root{--color-dark:#110d1a;--color-primary:#b197fc;accent-color:#b197fc;accent-color:var(--color-primary)}*,:after,:before{box-sizing:border-box}body{background-color:#110d1a;background-color:var(--color-dark);font-family:system-ui}.c-btn{align-items:center;backface-visibility:hidden;background-color:initial;border-radius:8px;box-shadow:inset 0 0 0 1px #b197fc;box-shadow:inset 0 0 0 1px var(--color-primary);color:#b197fc;color:var(--color-primary);display:inline-flex;justify-content:center;overflow:hidden;padding:.85rem 2rem;position:relative;text-decoration:none;transform:translateZ(0)}.c-btn:after{background-color:#b197fc;background-color:var(--color-primary);border-radius:20%;content:"";height:120%;left:0;pointer-events:none;position:absolute;scale:0 0;top:0;transition:scale .6s cubic-bezier(.215,.61,.355,1),translate .4s cubic-bezier(.215,.61,.355,1);translate:0 140%;width:120%;z-index:1}.c-btn__label{align-items:center;display:inline-flex;font-size:1.2rem;gap:1rem;letter-spacing:.025em;transition:color .32s ease-in-out;z-index:2}.c-btn:hover .c-btn__label{color:#110d1a;color:var(--color-dark)}.c-btn:hover:after{border-radius:50%;scale:1.5 1.5;translate:0 0}.box{align-items:center;display:flex}@media screen and (max-width:1024px){.sec{padding-left:6rem;padding-right:6rem}h3{font-size:2.2em}.quote{font-size:1.3em}}@media screen and (max-width:768px){.about{padding:30px 20px}.sec{padding-left:3rem;padding-right:3rem}h3{font-size:2em}.quote{font-size:1.2em}.c-btn{padding:.75rem 1.5rem}.c-btn__label{font-size:1.1rem}}@media screen and (max-width:480px){.about{padding:20px 15px}.sec{padding-left:1rem;padding-right:1rem}h3{font-size:1.8em}.quote{font-size:1.1em;line-height:1.5}.c-btn{max-width:280px;padding:.7rem 1.2rem;width:100%}.c-btn__label{font-size:1rem;gap:.5rem}.connect-button{margin:.5rem;max-width:200px;padding:8px 16px;width:100%}}@media screen and (max-width:360px){.about{padding:15px 10px}.sec{padding-left:.5rem;padding-right:.5rem}h3{font-size:1.6em}.quote{font-size:1em;line-height:1.4}.c-btn{padding:.6rem 1rem}.c-btn__label{font-size:.9rem}}.navbar{box-shadow:0 2px 5px #0000001a;display:flex;justify-content:center;padding:50px 0}.nav-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:0 10px;padding:10px 15px;transition:background-color .3s}.nav-button:hover{background-color:#0056b3}.skills{background:#0000;padding:2rem;text-align:center}.skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1200px}.skills-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a,0 4px 16px #8e2de21a;padding:2rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.skills-column:hover{box-shadow:0 12px 40px #00000026,0 6px 20px #8e2de233;transform:translateY(-5px)}.skills-column h2{color:#8e2de2e6;font-size:1.4rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;position:relative;text-transform:uppercase}.skills-column h2:after{background:linear-gradient(45deg,#8e2de2,#4a00e0);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.skills-column ul{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;list-style:none;padding:0}.skills-column li{align-items:center;background:#0000;border-radius:12px;cursor:pointer;display:flex;font-size:3rem;justify-content:center;padding:.8rem;transition:all .3s ease}.skills-column li:hover{background:#ffffff0d;transform:scale(1.1) rotate(5deg)}.skills-column li .icon,.skills-column li svg{-webkit-text-fill-color:#0000;animation:gradientFlow 6s ease infinite;background:linear-gradient(135deg,#8e2de2,#4a00e0,#00c6ff,#ff8c00,#ff006e);-webkit-background-clip:text;background-clip:text;background-size:300% 300%;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.skills-column li:hover .icon,.skills-column li:hover svg{animation-duration:1.5s;filter:drop-shadow(0 4px 8px rgba(142,45,226,.3))}@keyframes gradientFlow{0%{background-position:0 50%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}.skills-box{background:#0000;display:flex;flex-direction:column;gap:3rem;padding:2rem}.text-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;color:#fffc;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px;overflow:hidden;padding:2.5rem;position:relative;text-align:justify}.text-box:before{background:linear-gradient(90deg,#0000,#8e2de280,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.skills-h{-webkit-text-fill-color:#0000;animation:titleGradient 4s ease infinite;background:linear-gradient(135deg,#8e2de2,#4a00e0,#00c6ff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Indie Flower,Patrick Hand SC,Comic Neue,Comic Sans,Comic Sans MS;font-size:clamp(2.5rem,8vw,5rem);margin:2rem 0;text-shadow:0 2px 4px #0000001a}@media (max-width:768px){.skills-container{gap:1.5rem;grid-template-columns:1fr}.skills-column{padding:1.5rem 1rem}.skills-column li{font-size:2.5rem}.text-box{font-size:1rem;margin:1rem;padding:2rem}.skills-box{flex-direction:column;padding:1rem}}@media (max-width:480px){.skills-column ul{gap:.5rem}.skills-column li{font-size:2rem;padding:.5rem}.text-box{font-size:.95rem;padding:1.5rem}}.projects{background:#0000;min-height:100vh;padding:3rem 2rem;text-align:center}.projects h1{-webkit-text-fill-color:#0000;animation:titleGradient 4s ease infinite;background:linear-gradient(135deg,#8e2de2,#4a00e0,#00c6ff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:3rem;text-shadow:0 2px 4px #0000001a}@keyframes titleGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.projects-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1400px;padding:0 1rem}.project-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 4px 16px #8e2de21a,inset 0 1px 0 #fff3;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.project-card:before{background:linear-gradient(90deg,#0000,#8e2de2cc,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-card:hover:before{left:100%}.project-card:hover{border-color:#8e2de24d;box-shadow:0 20px 40px #00000026,0 8px 24px #8e2de233,inset 0 1px 0 #ffffff4d;transform:translateY(-10px) scale(1.02)}.project-image{border-radius:16px;filter:brightness(.9) saturate(1.1);height:200px;margin-bottom:1.5rem;object-fit:cover;transition:all .3s ease;width:100%}.project-card:hover .project-image{box-shadow:0 8px 24px #0003;filter:brightness(1) saturate(1.2);transform:scale(1.05)}.project-card h2{color:#fffffff2;font-family:Inter,Andale Mono,monospace;font-size:1.4rem;font-weight:600;margin:1.5rem 0 1rem;text-shadow:0 2px 4px #0000004d;transition:color .3s ease}.project-card:hover h2{color:#fff;text-shadow:0 0 10px #8e2de280}.project-card p{color:#5ffaffcc;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;margin:0;text-align:left;transition:color .3s ease}.project-card:hover p{color:#5ffaffe6}.github-button-container{margin-top:4rem;padding:2rem}.github-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #8e2de280;border-radius:50px;box-shadow:0 4px 15px #0000001a,0 2px 8px #8e2de233;color:#fff;display:inline-flex;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;text-shadow:0 2px 4px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.github-button:before{background:linear-gradient(90deg,#0000,#8e2de233,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.github-button:hover:before{left:100%}.github-button:hover{border-color:#8e2de2cc;box-shadow:0 8px 25px #00000026,0 4px 12px #8e2de266;text-shadow:0 0 10px #ffffff80;transform:translateY(-2px)}.github-button:active{transform:translateY(0)}@media (max-width:1200px){.projects-container{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.projects{padding:2rem 1rem}.projects-container{gap:1.5rem;grid-template-columns:1fr}.project-card{border-radius:16px;padding:1.5rem}.project-image{border-radius:12px;height:180px}.project-card h2{font-size:1.2rem}.project-card p{font-size:.95rem}.github-button{font-size:1rem;padding:.8rem 2rem}}@media (max-width:480px){.projects{padding:1.5rem .5rem}.project-card{margin:0 .5rem;padding:1.2rem}.project-image{border-radius:10px;height:160px}.project-card h2{font-size:1.1rem;margin:1rem 0 .8rem}.project-card p{font-size:.9rem;line-height:1.5}.github-button-container{margin-top:3rem;padding:1rem}.github-button{font-size:.95rem;padding:.7rem 1.5rem}}html{scroll-behavior:smooth}.project-image{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff1a,#fff3 50%,#ffffff1a);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-color:#4f46e5;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--bg-dark:#0f0f23;--bg-darker:#080817;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--shadow-soft:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-medium:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--border-radius:12px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}.footer{background:#080817;background:var(--bg-darker);color:#e2e8f0;color:var(--text-secondary);margin-top:auto;overflow:hidden;padding:3rem 0 2rem;position:relative}.footer:before{background:linear-gradient(135deg,#0f0f23,#080817 50%,#0f0f23f2);background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-darker) 50%,#0f0f23f2 100%);bottom:0;z-index:1}.footer:after,.footer:before{content:"";left:0;position:absolute;right:0;top:0}.footer:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);height:1px;opacity:.6;z-index:2}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;text-align:center;z-index:3}.footer-content p{color:#94a3b8;color:var(--text-muted);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.01em;line-height:1.5;margin:0;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.footer-content p:hover{color:#e2e8f0;color:var(--text-secondary);opacity:1}.social-links{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:50px;display:flex;gap:2rem;list-style:none;margin:0;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.social-links:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.social-links li{margin:0}.social-links a{background:#0000;border:1px solid #0000;border-radius:25px;color:#e2e8f0;color:var(--text-secondary);display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.01em;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.social-links a:hover{background:#ffffff0d;background:var(--glass-bg);border-color:#ffffff1a;border-color:var(--glass-border);color:#fff;color:var(--text-primary);text-decoration:none;transform:translateY(-2px) scale(1.05)}.social-links a[href*="x.com"]:hover,.social-links a[href*=twitter]:hover{box-shadow:0 4px 15px #1da1f24d;color:#1da1f2}.social-links a[href*=linkedin]:hover{box-shadow:0 4px 15px #0077b54d;color:#0077b5}.social-links a[href*=github]:hover{box-shadow:0 4px 15px #f0f6fc4d;color:#f0f6fc}.social-links a[href*=instagram]:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);box-shadow:0 4px 15px #e1306c66;color:#fff}.social-links a:active{transform:translateY(0) scale(.98)}.social-links a:after{background:currentColor;border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.social-links a:hover:after{width:80%}.social-links a:focus-visible{border-radius:25px;outline:2px solid #4f46e5;outline:2px solid var(--accent-color);outline-offset:3px}@media (max-width:768px){.footer{padding:2rem 0 1.5rem}.footer-content{gap:1.25rem;padding:0 1rem}.social-links{flex-wrap:wrap;gap:1rem;justify-content:center;padding:.75rem 1.5rem}.social-links a{font-size:.85rem;padding:.6rem .8rem}}@media (max-width:480px){.footer{padding:1.5rem 0 1rem}.footer-content{gap:1rem;padding:0 .75rem}.footer-content p{font-size:.8rem}.social-links{border-radius:25px;gap:.5rem;padding:.5rem 1rem}.social-links a{font-size:.8rem;padding:.5rem .7rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.footer-content{animation:slideUp .8s ease-out .2s both}.social-links li{animation:slideUp .6s ease-out both}.social-links li:first-child{animation-delay:.4s}.social-links li:nth-child(2){animation-delay:.5s}.social-links li:nth-child(3){animation-delay:.6s}.social-links li:nth-child(4){animation-delay:.7s}@media (prefers-contrast:high){.footer{background:#000;border-top:2px solid #fff}.footer-content p,.social-links a{color:#fff}.social-links{background:#ffffff1a;border:1px solid #fff}.social-links a:hover{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){.footer-content,.social-links,.social-links a,.social-links li{animation:none;transition:none}.social-links a:hover,.social-links:hover{transform:none}}@media print{.footer{background:#0000;border-top:1px solid #000;page-break-inside:avoid}.footer,.social-links a{color:#000}.social-links a:after{color:#666;content:" (" attr(href) ")";font-size:.8em}}@media (prefers-color-scheme:dark){.footer{background:#080817;background:var(--bg-darker)}}.social-links,.social-links a{will-change:transform}.footer-content:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1px;content:"";height:2px;left:50%;opacity:.6;position:absolute;top:-1.5rem;transform:translateX(-50%);width:60px}.App{text-align:center}logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.af58a64e.css.map*/