@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.cursor{position:fixed;top:0;left:0;width:8px;height:8px;border-radius:50%;background-color:var(--primary-color);pointer-events:none;z-index:99999;opacity:0;transition:opacity .3s ease,width .2s ease,height .2s ease,background-color .2s ease;mix-blend-mode:difference}.cursor.visible{opacity:1}.cursor.clicking{width:6px;height:6px}.cursor.hovering{width:12px;height:12px;background-color:#fff}.cursor-follower{position:fixed;top:0;left:0;width:36px;height:36px;border-radius:50%;border:2px solid var(--primary-color);background-color:#5b8def1a;pointer-events:none;z-index:99998;opacity:0;transition:opacity .3s ease,width .3s ease,height .3s ease,border-color .2s ease,background-color .2s ease}.cursor-follower.visible{opacity:1}.cursor-follower.clicking{width:28px;height:28px}.cursor-follower.hovering{width:50px;height:50px;border-color:#fff;background-color:#ffffff1a}@media screen and (max-width:768px){.cursor,.cursor-follower{display:none!important}}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2196f3;transition:.4s;overflow:hidden}.slider.round{border-radius:34px}.sun-moon{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#ff0;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#000}input:checked+.slider .sun-moon{transform:translate(26px);background-color:#fff;animation:rotate-center .6s ease-in-out both}.moon-dot{opacity:0;transition:.4s;fill:gray;position:absolute;width:6px;height:6px;z-index:4}input:checked+.slider .moon-dot{opacity:1}#moon-dot-1{left:10px;top:3px}#moon-dot-2{left:2px;top:10px;width:10px;height:10px}#moon-dot-3{left:16px;top:18px;width:3px;height:3px}.light-ray{position:absolute;z-index:-1;fill:#fff;opacity:10%}#light-ray-1{left:-8px;top:-8px;width:43px;height:43px}#light-ray-2{left:-50%;top:-50%;width:55px;height:55px}#light-ray-3{left:-18px;top:-18px;width:60px;height:60px}.cloud-light,.cloud-dark{position:absolute;animation:cloud-move 6s infinite}.cloud-light{fill:#eee}.cloud-dark{fill:#ccc;animation-delay:1s}#cloud-1{left:30px;top:15px;width:40px}#cloud-2{left:44px;top:10px;width:20px}#cloud-3{left:18px;top:24px;width:30px}#cloud-4{left:36px;top:18px;width:40px}#cloud-5{left:48px;top:14px;width:20px}#cloud-6{left:22px;top:26px;width:30px}@keyframes cloud-move{0%,to{transform:translate(0)}40%{transform:translate(4px)}80%{transform:translate(-4px)}}.stars{transform:translateY(-32px);opacity:0;transition:.4s}input:checked+.slider .stars{transform:translateY(0);opacity:1}.star{fill:#fff;position:absolute;animation:star-twinkle 2s infinite}#star-1{width:20px;top:2px;left:3px;animation-delay:.3s}#star-2{width:6px;top:16px;left:3px}#star-3{width:12px;top:20px;left:10px;animation-delay:.6s}#star-4{width:18px;top:0;left:18px;animation-delay:1.3s}@keyframes star-twinkle{0%,to{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}}@keyframes rotate-center{0%{transform:translate(26px) rotate(0)}to{transform:translate(26px) rotate(360deg)}}header{position:fixed;top:var(--spacing-xl);left:0;right:0;z-index:1000;width:100%;padding:0 var(--spacing-xl)}header nav.container{padding:var(--spacing-md) var(--spacing-lg);background-color:#000000d9;border-radius:var(--radius-md);box-shadow:0 4px 20px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center;max-width:100%}:root.light-mode header nav.container{background-color:#fffc;box-shadow:0 4px 15px #00000014;border:1px solid rgba(0,0,0,.04)}header.scrolled nav.container{background-color:#0a0a0cf2}:root.light-mode header.scrolled nav.container{background-color:#fffffff2}.logo{font-size:1.25rem;font-weight:600;color:var(--primary-color)}.nav-links{display:flex;gap:var(--spacing-md)}.nav-links li{position:relative}.nav-links a{color:var(--text-color);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:color var(--transition-normal);position:relative;font-size:.95rem}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width var(--transition-normal)}.nav-links a:hover{color:var(--primary-color)}.nav-links a:hover:after{width:100%}.nav-controls{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;cursor:pointer;z-index:1001}.mobile-menu-toggle span{width:25px;height:3px;margin:4px 0;border-radius:3px;background-color:var(--text-color);transition:all var(--transition-normal)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-nav-container{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--primary-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;padding:var(--spacing-lg);box-shadow:-5px 0 25px #0000004d;z-index:999;transition:right var(--transition-normal)}.mobile-nav-container.active{right:0}:root.light-mode .mobile-nav-container{background-color:#fffffff2}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.mobile-logo{font-size:1.25rem;font-weight:600;color:var(--primary-color)}.mobile-nav-close{font-size:2rem;color:var(--text-color);cursor:pointer;line-height:1}.mobile-nav-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-nav-links li{opacity:0;transform:translate(50px);animation:navLinkFade .5s ease forwards}.mobile-nav-container.active .mobile-nav-links li{opacity:1;transform:translate(0)}.mobile-nav-links a{display:block;padding:var(--spacing-sm) 0;font-size:1.1rem;color:var(--text-color);transition:color var(--transition-normal)}.mobile-nav-links a:hover{color:var(--primary-color)}.mobile-social-links{display:flex;gap:var(--spacing-md);justify-content:center;padding-top:var(--spacing-xl);border-top:1px solid var(--card-border)}.mobile-social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--card-bg);color:var(--text-color);font-size:1.2rem;transition:all var(--transition-normal)}.mobile-social-links a:hover{background-color:var(--primary-color);color:#000}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:998}.mobile-nav-backdrop.active{opacity:1;visibility:visible}@keyframes navLinkFade{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:768px){header{top:var(--spacing-md);padding:0 var(--spacing-md)}header nav.container{padding:var(--spacing-sm) var(--spacing-md)}.nav-links.desktop-nav{display:none}.mobile-menu-toggle{display:flex}}.code-card{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);overflow:hidden;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;aspect-ratio:7/4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-card.hovered{box-shadow:0 15px 30px #0009;border-color:#5b8def4d}.code-header{display:flex;align-items:center;justify-content:space-between;background-color:#1c1c1e;padding:8px 12px}:root.light-mode .code-header{background-color:#e6e6ebe6;border-bottom:1px solid rgba(0,0,0,.1)}.code-circles{display:flex;gap:6px}.code-circle{width:12px;height:12px;border-radius:50%;transition:all var(--transition-fast)}.circle-red{background-color:#ff5f57}.circle-yellow{background-color:#febc2e}.circle-green{background-color:#28c840}.circle-red:hover{background-color:#ff7f76}.circle-yellow:hover{background-color:#ffcd4e}.circle-green:hover{background-color:#47e95f}.code-title{color:#aaa;font-size:.8rem;font-weight:400;-webkit-user-select:none;user-select:none}:root.light-mode .code-title{color:#000000b3}.code-text{font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;padding:15px;margin-bottom:5%;color:#fff;overflow:hidden;text-align:left}:root.light-mode .code-text{color:#333}.code-line{display:flex;line-height:1.7;white-space:pre;overflow:hidden;width:0;border-right:1px solid transparent;animation:typing 1.5s steps(30,end) forwards,blink-caret .75s step-end infinite}.line-number{color:#666;margin-right:10px;-webkit-user-select:none;user-select:none;display:inline-block;min-width:20px;text-align:right}:root.light-mode .line-number{color:#999}.code-text .tag{color:#fff}.code-text .content{color:#8ab4f8}:root.light-mode .code-text .tag{color:#e45649}:root.light-mode .code-text .content{color:#0f62fe}.line1{animation-delay:0s}.line2{animation-delay:1.5s}.line3{animation-delay:3s}.line4{animation-delay:4.5s}.line5{animation-delay:6s}.line6{animation-delay:7.5s}.line7{animation-delay:9s}.line8{animation-delay:10.5s}.line9{animation-delay:12s}.line10{animation-delay:13.5s}.hero{display:grid;grid-template-columns:1fr;align-items:center;gap:20px;min-height:100vh;padding:100px 20px 40px;position:relative}@media(min-width:768px){.hero{grid-template-columns:1fr 1fr;padding:80px 40px 40px}}.hero-content{max-width:100%;z-index:2}.hero h1{font-size:var(--heading-1);font-weight:400;line-height:1.1;margin-bottom:25px;color:var(--text-color);letter-spacing:-.03em}.hero h2{font-size:var(--heading-3);font-weight:400;margin-bottom:25px;color:var(--primary-color)}.hero p{font-size:var(--body-text);margin-bottom:30px;color:var(--text-color)}.bold-name{color:var(--primary-color);font-weight:700}.cta-buttons{margin-bottom:30px;display:flex;gap:20px;flex-wrap:wrap}.social-links{display:flex;gap:15px}.code-animation-container{width:70%;max-width:700px;margin:0 auto;position:relative;z-index:2;animation:float 3s infinite ease-in-out}@media screen and (max-width:768px){.hero{display:flex;flex-direction:column;gap:20px;min-height:70vh;text-align:center}.hero-content{order:1}.code-animation-container{order:2;width:90%;margin:20px auto 0}.cta-buttons{justify-content:center;flex-direction:column;gap:15px}.social-links{justify-content:center}}.about-section{padding:var(--spacing-3xl) 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:center}.about-image{display:flex;justify-content:center;align-items:center}.image-wrapper{position:relative;width:100%;max-width:350px;aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--card-border)}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.image-wrapper:hover img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(91,141,239,.1) 100%);pointer-events:none}.about-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-text h3{font-size:var(--heading-3);color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-sm)}.about-text p{color:var(--text-color);opacity:.9;line-height:1.8}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}@media screen and (max-width:768px){.about-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.about-image{order:-1}.image-wrapper{max-width:250px;margin:0 auto}.skill-tags{justify-content:center}.about-text .btn{align-self:center}}.stats-section{padding:var(--spacing-2xl) 0;background:linear-gradient(180deg,transparent 0%,rgba(91,141,239,.02) 50%,transparent 100%)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.stat-card{padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform var(--transition-normal)}.stat-card:hover:before{transform:scaleX(1)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);line-height:1}.stat-label{font-size:.95rem;color:var(--muted-text);font-weight:500}@media screen and (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{padding:var(--spacing-lg)}.stat-value{font-size:2rem}.stat-label{font-size:.85rem}}@media screen and (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}}.projects-section{padding:var(--spacing-3xl) 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl)}.project-card{padding:var(--spacing-xl);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;min-height:320px}.project-card:hover{border-color:#5b8def4d;box-shadow:0 20px 40px #0006}:root.light-mode .project-card:hover{box-shadow:0 20px 40px #0000001a}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.project-icon{font-size:2.5rem;color:var(--primary-color)}.project-links{display:flex;gap:var(--spacing-md)}.project-links a{color:var(--muted-text);font-size:1.2rem;transition:color var(--transition-normal)}.project-links a:hover{color:var(--primary-color)}.project-title{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-color)}.project-description{flex:1;color:var(--muted-text);font-size:.95rem;line-height:1.7;margin-bottom:var(--spacing-md)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto}.tech-tag{font-size:.8rem;color:var(--primary-color);background-color:#5b8def1a;padding:5px 12px;border-radius:4px;font-weight:500}@media screen and (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-card{padding:var(--spacing-lg);min-height:auto}}.skills-section{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,transparent 0%,rgba(91,141,239,.02) 50%,transparent 100%)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.skill-category{padding:var(--spacing-xl)}.skill-category h3{font-size:1.2rem;color:var(--primary-color);margin-bottom:var(--spacing-lg);font-weight:600;text-align:center}.skill-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.skill-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skill-info{display:flex;justify-content:space-between;font-size:.9rem}.skill-name{color:var(--text-color);font-weight:500}.skill-percent{color:var(--muted-text)}.skills-tags-section{margin-bottom:var(--spacing-xl)}.skills-tags-section h3{font-size:1.3rem;color:var(--text-color);margin-bottom:var(--spacing-md);text-align:center;font-weight:500}.skills-tags-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.skill-tag-item{background-color:#5b8def1a;color:var(--primary-color);padding:10px 18px;border-radius:8px;font-size:.95rem;font-weight:500;transition:all var(--transition-normal);border:1px solid transparent}.skill-tag-item:hover{background-color:#5b8def33;border-color:var(--primary-color);box-shadow:0 5px 15px #5b8def33}.skill-tag-item.soft{background-color:#28c8401a;color:#28c840}.skill-tag-item.soft:hover{background-color:#28c84033;border-color:#28c840;box-shadow:0 5px 15px #28c84033}@media screen and (max-width:768px){.skills-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.skill-category{padding:var(--spacing-lg)}}.experience-section{padding:var(--spacing-3xl) 0}.timeline{position:relative;max-width:900px;margin:0 auto;padding:var(--spacing-xl) 0}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color))}.timeline-item{position:relative;width:50%;padding:0 var(--spacing-xl);margin-bottom:var(--spacing-xl)}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:50%;text-align:left}.timeline-item:before{content:"";position:absolute;top:0;width:16px;height:16px;border-radius:50%;background:var(--primary-color);border:3px solid var(--primary-bg);z-index:1}.timeline-item.left:before{right:-8px}.timeline-item.right:before{left:-8px}.timeline-content{padding:var(--spacing-xl);position:relative}.timeline-content:before{content:"";position:absolute;top:15px;width:0;height:0;border:10px solid transparent}.timeline-item.left .timeline-content:before{right:-20px;border-left-color:var(--card-bg)}.timeline-item.right .timeline-content:before{left:-20px;border-right-color:var(--card-bg)}.timeline-date{display:inline-block;padding:5px 15px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-md)}.timeline-content h3{font-size:1.2rem;color:var(--text-color);font-weight:600;margin-bottom:var(--spacing-xs)}.timeline-content h4{font-size:1rem;color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-md)}.timeline-content p{color:var(--muted-text);font-size:.95rem;line-height:1.7;margin:0}@media screen and (max-width:768px){.timeline:before{left:20px}.timeline-item{width:100%;padding-left:50px;padding-right:var(--spacing-md);text-align:left}.timeline-item.left,.timeline-item.right{left:0;text-align:left}.timeline-item:before{left:12px;right:auto}.timeline-item.left:before,.timeline-item.right:before{left:12px;right:auto}.timeline-content:before{display:none}}.education-section{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,transparent 0%,rgba(91,141,239,.02) 50%,transparent 100%)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.education-card{padding:var(--spacing-xl);text-align:center;position:relative;overflow:hidden}.education-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.education-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:1.5rem;color:#fff}.education-card h3{font-size:1.1rem;color:var(--text-color);font-weight:600;margin-bottom:var(--spacing-sm);line-height:1.4}.education-card h4{font-size:.95rem;color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-md)}.education-period{display:block;color:var(--muted-text);font-size:.9rem;margin-bottom:var(--spacing-xs)}.education-grade{display:inline-block;padding:5px 15px;background-color:#5b8def1a;color:var(--primary-color);border-radius:20px;font-size:.9rem;font-weight:600}.certifications-title{margin-top:var(--spacing-2xl)}.certifications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.certification-card{padding:var(--spacing-xl);display:block;text-decoration:none;transition:all var(--transition-normal)}.certification-card:hover{border-color:var(--primary-color)}.cert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.cert-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.cert-icon.medal{background:linear-gradient(135deg,silver,#e8e8e8);color:#666}.cert-icon.js{background:linear-gradient(135deg,#f7df1e,#e8d00f);color:#323330}.cert-icon.google{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);background-size:200% 200%;color:#fff}.cert-date{font-size:.85rem;color:var(--muted-text);background-color:#ffffff0d;padding:5px 12px;border-radius:15px}:root.light-mode .cert-date{background-color:#0000000d}.certification-card h3{font-size:1.1rem;color:var(--text-color);font-weight:600;margin-bottom:var(--spacing-xs);line-height:1.4}.certification-card h4{font-size:.95rem;color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-sm)}.certification-card p{color:var(--muted-text);font-size:.9rem;margin:0}@media screen and (max-width:768px){.education-grid,.certifications-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.education-card,.certification-card{padding:var(--spacing-lg)}}.achievements-section{padding:var(--spacing-3xl) 0}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.achievement-card{padding:var(--spacing-xl);text-align:center;position:relative;overflow:hidden}.achievement-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(91,141,239,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-normal)}.achievement-card:hover:before{opacity:1}.achievement-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:1.8rem;position:relative;z-index:1}.achievement-icon.trophy{background:linear-gradient(135deg,gold,#ffed4a);color:#333;box-shadow:0 10px 30px #ffd7004d}.achievement-icon.code{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 10px 30px #5b8def4d}.achievement-icon.cloud{background:linear-gradient(135deg,silver,#e8e8e8);color:#333;box-shadow:0 10px 30px #c0c0c04d}.achievement-card h3{font-size:1.2rem;color:var(--text-color);font-weight:600;margin-bottom:var(--spacing-md);position:relative;z-index:1}.achievement-card p{color:var(--muted-text);font-size:.95rem;line-height:1.7;margin:0;position:relative;z-index:1}@media screen and (max-width:768px){.achievements-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.achievement-card{padding:var(--spacing-lg)}.achievement-icon{width:60px;height:60px;font-size:1.5rem}}.contact-section{padding:var(--spacing-3xl) 0;background:linear-gradient(180deg,transparent 0%,rgba(91,141,239,.02) 50%,transparent 100%)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.contact-info h3{font-size:1.5rem;color:var(--text-color);font-weight:600;margin-bottom:var(--spacing-md)}.contact-info>p{color:var(--muted-text);line-height:1.8;margin-bottom:var(--spacing-xl)}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-item{display:flex;align-items:center;gap:var(--spacing-md)}.contact-icon{width:50px;height:50px;border-radius:12px;background-color:#5b8def1a;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary-color);flex-shrink:0}.contact-text{display:flex;flex-direction:column}.contact-label{font-size:.85rem;color:var(--muted-text);margin-bottom:2px}.contact-text a,.contact-text span:last-child{color:var(--text-color);font-weight:500;transition:color var(--transition-normal)}.contact-text a:hover{color:var(--primary-color)}.contact-social h4{font-size:1rem;color:var(--text-color);margin-bottom:var(--spacing-md);font-weight:500}.social-buttons{display:flex;gap:var(--spacing-sm)}.contact-form{padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;color:var(--text-color);font-weight:500;margin-bottom:var(--spacing-sm);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--card-border);border-radius:8px;background-color:#ffffff08;color:var(--text-color);font-family:inherit;font-size:1rem;transition:all var(--transition-normal)}:root.light-mode .form-group input,:root.light-mode .form-group textarea{background-color:#00000005}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b8def1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted-text);opacity:.6}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%}.contact-form .btn:disabled{opacity:.7;cursor:not-allowed}.form-success{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:#28c8401a;border:1px solid rgba(40,200,64,.3);border-radius:8px;color:#28c840;text-align:center;font-size:.95rem}.form-error{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:8px;color:#ff453a;text-align:center;font-size:.95rem}@media screen and (max-width:768px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-xl)}.contact-form{padding:var(--spacing-lg)}}.footer{background-color:var(--secondary-bg);padding:var(--spacing-3xl) 0 var(--spacing-xl);border-top:1px solid var(--card-border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.footer-brand h3{font-size:1.5rem;color:var(--primary-color);font-weight:600;margin-bottom:var(--spacing-sm)}.footer-brand>p{color:var(--muted-text);margin-bottom:var(--spacing-md)}.footer-social{display:flex;gap:var(--spacing-sm)}.footer-links h4,.footer-contact h4{font-size:1.1rem;color:var(--text-color);font-weight:600;margin-bottom:var(--spacing-md)}.footer-links ul{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a{color:var(--muted-text);transition:color var(--transition-normal);font-size:.95rem}.footer-links a:hover{color:var(--primary-color)}.footer-contact p{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--muted-text);margin-bottom:var(--spacing-sm);font-size:.95rem}.footer-contact i{color:var(--primary-color);width:20px;text-align:center}.footer-contact a,.footer-contact span{color:var(--muted-text);transition:color var(--transition-normal)}.footer-contact a:hover{color:var(--primary-color)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--card-border)}.footer-bottom p{color:var(--muted-text);font-size:.9rem;margin:0}@media screen and (max-width:768px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.footer-brand{grid-column:span 2;text-align:center}.footer-social{justify-content:center}.footer-links,.footer-contact{text-align:center}.footer-contact p{justify-content:center}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media screen and (max-width:480px){.footer-content{grid-template-columns:1fr}.footer-brand{grid-column:span 1}}:root{--primary-bg: #000000;--secondary-bg: #080808;--card-bg: rgba(35, 35, 40, .65);--text-color: #F0F0F0;--primary-color: #5B8DEF;--secondary-color: #3366CC;--accent-color: #60b7ff;--card-border: rgba(255, 255, 255, .12);--card-shadow: 0 5px 20px rgba(0, 0, 0, .5);--muted-text: #aaa;--font-primary: "Manrope", sans-serif;--heading-1: clamp(2.5rem, 6vw, 4rem);--heading-2: clamp(1.8rem, 4vw, 2.8rem);--heading-3: clamp(1.2rem, 3vw, 1.8rem);--body-text: clamp(1rem, 2vw, 1.2rem);--small-text: clamp(.8rem, 1.5vw, .9rem);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}:root.light-mode{--primary-bg: #f5f5f7;--secondary-bg: #ffffff;--card-bg: rgba(255, 255, 255, .9);--text-color: #333333;--primary-color: #1e70f0;--secondary-color: #0a4bb3;--card-border: rgba(0, 0, 0, .08);--card-shadow: 0 5px 20px rgba(0, 0, 0, .1);--muted-text: #666}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-color);background-color:var(--primary-bg);font-size:var(--body-text);transition:background-color var(--transition-slow),color var(--transition-slow);overflow-x:hidden}@media screen and (min-width:769px){body,a,button,input,textarea,select,[role=button]{cursor:none!important}}.touch-device body{cursor:auto}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(var(--spacing-md),3vw,var(--spacing-lg))}section{padding:clamp(60px,8vw,100px) 0;position:relative}.section-title{font-size:var(--heading-2);text-align:center;margin-bottom:clamp(30px,5vw,50px);position:relative;color:var(--text-color);font-weight:400;letter-spacing:-.03em}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--primary-color)}.btn{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:600;letter-spacing:.02em;transition:all var(--transition-normal);position:relative;overflow:hidden;text-align:center}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-slow)}.btn:hover:before{left:100%}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 15px #5b8def4d}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 8px 20px #5b8def66}.btn-secondary{background-color:#5b8def1a;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:#5b8def33;transform:translateY(-3px)}.btn-small{padding:8px 15px;font-size:.9rem;color:#8ab4f8}.social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--card-bg);color:var(--text-color);font-size:1.2rem;transition:all var(--transition-normal);border:1px solid var(--card-border);position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-color);transform:scale(0);transition:var(--transition-slow);border-radius:50%;z-index:-1}.social-btn:hover{color:#000;transform:translateY(-3px);box-shadow:0 5px 15px #5b8def66}.social-btn:hover:before{transform:scale(1)}.card{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0009}:root.light-mode .card:hover{box-shadow:0 15px 30px #00000026}.skill-tag{background-color:#5b8def1a;color:var(--primary-color);padding:8px 15px;border-radius:5px;font-size:.9rem;transition:all var(--transition-normal)}.skill-tag:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.skill-bar{height:10px;background-color:#ffffff1a;border-radius:5px;overflow:hidden;position:relative}:root.light-mode .skill-bar{background-color:#0000000d}.skill-level{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:5px;transition:width 1s ease-out}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:400;letter-spacing:-.02em;line-height:1.2;color:var(--text-color)}p{margin-bottom:var(--spacing-md);color:var(--text-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#8ab4f8}}.glitch-text{position:relative;animation:glitch 1s linear infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--accent-color);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--secondary-color);clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(76px,9999px,85px,0)}40%{clip:rect(42px,9999px,51px,0)}60%{clip:rect(62px,9999px,78px,0)}80%{clip:rect(68px,9999px,50px,0)}to{clip:rect(59px,9999px,20px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(67px,9999px,61px,0)}40%{clip:rect(23px,9999px,98px,0)}60%{clip:rect(30px,9999px,16px,0)}80%{clip:rect(47px,9999px,73px,0)}to{clip:rect(38px,9999px,49px,0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media screen and (max-width:768px){body{cursor:auto}section{padding:3rem 0}}