*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;background-color:var(--color-background);color:var(--color-text-light)}.App{min-height:100vh;background-color:var(--color-background)}main{position:relative}section{position:relative;min-height:fit-content;width:100%;display:flex;align-items:center;justify-content:center;padding:0}.container{width:100%;padding:0 5%}.container-narrow{width:100%;max-width:1200px;margin:0 auto;padding:0 5%}.section-sm{min-height:fit-content;width:100%}.section-md,.section-lg{min-height:100vh;width:100%}html{scroll-padding-top:80px;background-color:var(--color-background)}.bg-light{background-color:var(--color-background-light)}.bg-lighter{background-color:var(--color-background-lighter)}@media screen and (max-width: 768px){.container,.container-narrow{padding:0 1.5rem}}button{font-family:inherit}a:hover{color:var(--color-primary-hover)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em var(--color-primary))}.logo.react:hover{filter:drop-shadow(0 0 2em var(--color-accent))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background-color:var(--color-background-light);border-radius:8px}.read-the-docs{color:var(--color-text-light)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-background);box-shadow:var(--shadow-gold-sm);position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,215,0,.1);transition:all .3s ease-in-out}.navbar.scrolled{background-color:rgba(var(--color-background-rgb),.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:.8rem 2rem;border-bottom:1px solid rgba(255,215,0,.15);box-shadow:var(--shadow-gold-md)}.nav-logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--color-primary)}.nav-links{display:flex;list-style:none;margin:0;padding:0;align-items:center}.nav-links li{margin-left:2rem}.nav-links a{text-decoration:none;color:var(--color-text);font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--color-primary)}.cv-button{padding:.5rem 1rem;background:var(--gradient-primary);color:var(--color-background);border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:500;box-shadow:var(--shadow-gold-sm)}.cv-button:hover{background-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-gold-md)}.menu-icon{display:none;cursor:pointer;font-size:1.5rem;color:var(--color-text)}.theme-toggle{background:none;border:none;color:var(--color-text);font-size:1.2rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:50%;width:40px;height:40px;background:#ffd7001a}.theme-toggle:hover{background:#ffd70033;transform:rotate(15deg)}.theme-icon{color:var(--color-primary)}@media screen and (max-width: 768px){.menu-icon{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-background);padding:1rem;box-shadow:var(--shadow-gold-sm);flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,215,0,.1);transition:all .3s ease-in-out}.navbar.scrolled .nav-links{background-color:rgba(var(--color-background-rgb),.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-links.active{display:flex}.nav-links li{margin:1rem 0}.cv-button{margin-top:1rem}}.home{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;padding:0;margin-top:60px;overflow:hidden;width:100%;position:relative;background-color:var(--color-background)}.home-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;height:100%;max-width:1400px;padding:2rem 5%;margin:0 auto}.hero-text{padding:2rem;max-width:600px;display:flex;flex-direction:column;align-items:flex-start}.greeting{font-size:clamp(1.5rem,2vw,2rem);color:var(--color-highlight);margin-bottom:.5rem;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:1rem;line-height:1.2;font-weight:800;display:flex;flex-wrap:nowrap;gap:.5rem;align-items:center;justify-content:flex-start;width:100%}.static-text{color:var(--color-text);margin-right:.5rem}.typed-text{display:inline-block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.typed-cursor{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--color-primary);opacity:1;animation:blink .7s infinite;-webkit-animation:blink .7s infinite;margin-left:2px}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.description{font-size:clamp(1.1rem,1.3vw,1.3rem);color:var(--color-muted);margin-bottom:2rem;line-height:1.8;max-width:500px;text-align:left}.cta-buttons{display:flex;gap:1.5rem;margin-bottom:2rem}.cta-button{padding:clamp(.8rem,1vw,1rem) clamp(1.8rem,2vw,2.2rem);font-size:clamp(1rem,1.1vw,1.2rem);border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-icon{font-size:1.2em}.hire-btn{background:var(--gradient-primary);color:var(--color-background);box-shadow:var(--shadow-gold-md)}.hire-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold-lg)}.contact-btn{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary);position:relative;overflow:hidden;z-index:1}.contact-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--gradient-primary);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:-1}.contact-btn:hover{color:var(--color-background);border-color:transparent}.contact-btn:hover:before{width:100%}.hero-image{position:relative;display:flex;align-items:center;justify-content:center}.image-wrapper{position:relative;z-index:2;width:clamp(280px,35vw,380px);height:clamp(280px,35vw,380px);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;box-shadow:var(--shadow-gold-md);animation:morphing 20s ease-in-out infinite;border:3px solid rgba(255,215,0,.3);background:linear-gradient(45deg,#ffd7001a,#c9a2271a)}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.background-shape{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,#ffd7001a,#c9a2271a);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;z-index:1}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.social-links a{color:var(--color-text);font-size:1.5rem;padding:.5rem;border-radius:50%;background:#ffd7001a;transition:all .3s ease}.social-links a:hover{color:var(--color-primary);background:#ffd70033;transform:translateY(-3px);box-shadow:var(--shadow-gold-sm)}@media screen and (max-width: 1024px){.home-content{gap:2rem;padding:1rem 3%}.image-wrapper{width:clamp(250px,30vw,300px);height:clamp(250px,30vw,300px)}}@media screen and (max-width: 768px){.home{min-height:calc(100vh - 60px);height:auto}.home-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text{order:2;padding:1rem;align-items:center}.title,.description{text-align:center;justify-content:center}.cta-buttons,.social-links{justify-content:center}.image-wrapper{width:clamp(220px,60vw,280px);height:clamp(220px,60vw,280px)}}@media screen and (max-width: 480px){.cta-buttons{flex-direction:column;gap:1rem}.cta-button{width:100%;justify-content:center}}@media screen and (max-width: 1200px){.home:before{background-size:90% auto}}.about-container{width:100%;min-height:100vh;padding:6rem 0;display:flex;justify-content:center;background:linear-gradient(135deg,var(--color-background) 0%,rgba(255,215,0,.05) 100%);perspective:1000px}.content-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.about-content{width:100%}.section-title{text-align:center;font-size:3rem;margin-bottom:3rem;color:var(--color-text);position:relative;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-primary);border-radius:4px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.about-card{background:var(--color-card-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-gold-sm);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;border:1px solid rgba(255,215,0,.1);transform-style:preserve-3d}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffd7001a,#c9a2271a);opacity:0;transition:opacity .3s ease;z-index:0}.about-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-gold-lg);border-color:#ffd7004d}.about-card:hover:before{opacity:1}.card-header{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.card-icon{font-size:1.5rem;color:var(--color-primary);padding:.75rem;background:#ffd7001a;border-radius:12px;transition:all .3s ease}.about-card:hover .card-icon{transform:scale(1.1) rotate(5deg);background:#ffd70033;color:var(--color-primary)}.card-header h3{font-size:1.25rem;color:var(--color-text);margin:0;font-weight:700;transition:color .3s ease}.about-card:hover .card-header h3{color:var(--color-primary)}.card-content{color:var(--color-muted);line-height:1.4;margin:0;font-size:.9rem;position:relative;z-index:1}.card-highlights{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.highlight-item{display:flex;align-items:center;gap:.5rem;color:var(--color-muted);transition:all .3s ease;font-size:.9rem}.about-card:hover .highlight-item{transform:translate(10px);color:var(--color-text)}.highlight-bullet{color:var(--color-primary);font-size:1rem}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:auto;position:relative;z-index:1;padding-top:.75rem;border-top:1px solid rgba(255,215,0,.1)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.stat-value{font-size:1.1rem;font-weight:700;color:var(--color-primary);transition:all .3s ease}.about-card:hover .stat-value{transform:scale(1.1);color:var(--color-primary)}.stat-label{font-size:.75rem;color:var(--color-muted);text-align:center}.social-proof{display:flex;justify-content:center;gap:2rem;margin-top:2rem;transform-style:preserve-3d}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;background:var(--gradient-primary);color:var(--color-background);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;transform-style:preserve-3d;box-shadow:var(--shadow-gold-sm)}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;transform:translateZ(5px)}.social-link:hover:before{left:100%}.social-link:hover{transform:translateY(-2px) translateZ(10px);box-shadow:var(--shadow-gold-md)}.about-card{transition:transform .1s ease}.skills-section{padding:1rem}.skills-section h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-title{margin-top:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:0 1rem;margin-bottom:2rem}.skills-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skills-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-gold-lg);border-color:#ffd70033;background:#ffffff08}.category-icon{font-size:1.5rem;color:var(--color-primary);margin-right:1rem}.skills-list{margin-top:1rem}.skill-item{margin-bottom:1.2rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem;color:var(--color-text)}.skill-name{font-size:.95rem;font-weight:500}.skill-percentage{font-size:.9rem;color:var(--color-primary)}.skill-bar{height:6px;background:#ffd7001a;border-radius:3px;overflow:hidden}.skill-progress{height:100%;background:var(--gradient-primary);border-radius:3px;transition:width 1s ease-in-out}.education-section{padding:1rem}.education-section h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-item{position:relative;padding-left:1.5rem;border-left:2px solid var(--color-primary);margin-bottom:1.5rem;transition:all var(--transition-normal)}.timeline-item:hover{border-left-color:var(--color-accent);transform:translate(5px)}.timeline-item h4{color:var(--color-text);margin-bottom:.5rem;transition:color var(--transition-normal)}.timeline-item:hover h4{color:var(--color-primary)}.timeline-item p{color:var(--color-muted);margin-bottom:.5rem;transition:color var(--transition-normal)}.timeline-item:hover p{color:var(--color-text)}.timeline-date{color:var(--color-highlight);font-size:.9rem;background:var(--gradient-highlight);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.interests-section{padding:1rem}.interests-section h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.interests-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.interests-list li{background:var(--color-card-background);padding:1rem;border-radius:4px;text-align:center;color:var(--color-muted);transition:all var(--transition-normal);border:1px solid rgba(255,215,0,.1);position:relative;overflow:hidden;box-shadow:var(--shadow-gold-sm)}.interests-list li:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:0}.interests-list li:hover{transform:translateY(-2px);border-color:var(--color-primary);color:var(--color-text);box-shadow:var(--shadow-gold-md)}.interests-list li:hover:before{opacity:.1}@media (max-width: 1200px){.about-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-grid{grid-template-columns:1fr}.content-wrapper{padding:0 1rem}.card-stats{grid-template-columns:repeat(2,1fr)}.social-proof{flex-direction:column;align-items:center}.about-card:nth-child(odd):hover,.about-card:nth-child(2n):hover{transform:perspective(1000px) rotate3d(.3,.5,0,10deg)}}.skills-section{background-color:var(--color-background);min-height:100vh;position:relative}.skills-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,215,0,.05) 0%,rgba(201,162,39,.05) 50%,transparent 100%);pointer-events:none}.skills-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:1rem}.skills-card,.tech-stack-card{background:var(--color-card-background);border:1px solid rgba(255,215,0,.1);border-radius:16px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-gold-sm)}.skills-card:hover,.tech-stack-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-gold-lg);border-color:#ffd7004d;background:var(--color-card-background)}.tech-stack-card{grid-column:3;grid-row:1 / 3;display:flex;flex-direction:column}.tech-tags{display:flex;flex-wrap:wrap;gap:.8rem;padding:1rem 0;flex-grow:1;align-content:flex-start}.tech-tag{background:#ffd7001a;color:var(--color-text);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(255,215,0,.2);transition:all .3s ease;cursor:default}.tech-tag:hover{background:#ffd70033;border-color:#ffd7004d;transform:translateY(-2px);box-shadow:var(--shadow-gold-sm)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.category-icon{font-size:1.8rem;color:var(--color-primary);transition:transform .3s ease}.skills-card:hover .category-icon,.tech-stack-card:hover .category-icon{transform:scale(1.1);color:var(--color-accent)}.card-header h3{font-size:1.3rem;color:var(--color-text);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-rings{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;justify-items:center}.circular-progress{position:relative;width:90px;height:90px}.progress-ring-bg{stroke:#ffd7001a;transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring{stroke:var(--color-primary);transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1.5s ease}.circular-progress svg{filter:drop-shadow(0 0 4px rgba(255,215,0,.3));overflow:visible}.progress-text{font-size:15px;font-weight:600;fill:var(--color-primary);text-anchor:middle;dominant-baseline:middle}.progress-label{font-size:11px;fill:var(--color-text);text-anchor:middle;dominant-baseline:middle}@media screen and (max-width: 1200px){.skills-grid{grid-template-columns:repeat(2,1fr)}.tech-stack-card{grid-column:auto;grid-row:auto}.circular-progress{width:100px;height:100px}.progress-text{font-size:16px}.progress-label{font-size:12px}}@media screen and (max-width: 768px){.skills-section{padding:3rem 1rem}.section-title{font-size:2rem;margin-bottom:2rem}.skills-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}.skills-card,.tech-stack-card{padding:1.5rem}.skills-rings{gap:1rem}.circular-progress{width:90px;height:90px}.tech-tags{gap:.6rem}.tech-tag{font-size:.85rem;padding:.4rem .8rem}}@media screen and (max-width: 480px){.skills-rings{grid-template-columns:repeat(2,1fr);gap:.8rem}.circular-progress{width:70px;height:70px}.progress-text{font-size:14px}.progress-label{font-size:10px}.tech-tags{gap:.5rem}.tech-tag{font-size:.8rem;padding:.3rem .7rem}}.education{background-color:var(--color-background);position:relative;overflow:hidden}.education:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,215,0,.05) 0%,rgba(201,162,39,.08) 50%,transparent 100%);pointer-events:none}.education-container{max-width:1200px;margin:0 auto;padding:2rem}.education h1{text-align:center;margin-bottom:4rem;font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.education h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-primary);border-radius:2px}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent)}.timeline-item{display:flex;justify-content:flex-end;padding-left:30px;position:relative;margin-bottom:3rem;width:50%}.timeline-item:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-left:0;padding-right:30px;left:50%}.timeline-icon{position:absolute;left:-20px;top:0;width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--color-background);box-shadow:0 0 20px #ffd7004d;z-index:2}.timeline-item:nth-child(odd) .timeline-icon{left:auto;right:-20px}.timeline-content{background:var(--gradient-card);padding:1.5rem;border-radius:10px;position:relative;border:1px solid rgba(255,215,0,.1);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease;max-width:500px}.timeline-content:hover{transform:translateY(-5px);box-shadow:var(--shadow-gold-lg)}.timeline-year{position:absolute;top:-30px;font-size:1rem;font-weight:600;padding:.3rem 1rem;background:var(--gradient-primary);color:var(--color-background);border-radius:20px;box-shadow:0 0 15px #ffd70033}.timeline-item:nth-child(odd) .timeline-year{right:0}.timeline-content h3{color:var(--color-primary);font-size:1.3rem;margin-bottom:.5rem;margin-top:.5rem}.timeline-content h4{color:var(--color-text);font-size:1.1rem;margin-bottom:1rem;opacity:.9}.timeline-content p{color:var(--color-muted);line-height:1.6}@media screen and (max-width: 768px){.timeline:before{left:30px}.timeline-item,.timeline-item:nth-child(odd){width:100%;padding-left:80px;padding-right:0;left:0}.timeline-icon,.timeline-item:nth-child(odd) .timeline-icon{left:10px;right:auto}.timeline-year{left:80px}.timeline-item:nth-child(odd) .timeline-year{right:auto;left:80px}.timeline-content{max-width:100%}}@media screen and (max-width: 480px){.education-container,.timeline-content{padding:1rem}.timeline-content h3{font-size:1.1rem}.timeline-content h4{font-size:1rem}}.certifications{background-color:var(--color-background);padding:4rem 0;position:relative;overflow:hidden}.certifications:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,215,0,.05) 0%,rgba(201,162,39,.08) 50%,transparent 100%);pointer-events:none}.certifications-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:1rem}.certification-card{background:var(--color-card-background);border-radius:16px;overflow:hidden;border:1px solid rgba(255,215,0,.1);transition:all .3s ease;box-shadow:var(--shadow-gold-sm)}.certification-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-gold-lg);border-color:#ffd7004d}.cert-image-container{position:relative;width:100%;padding-top:65%;overflow:hidden;background:#ffd70005}.cert-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s ease}.teltonika-cert{object-position:center;object-fit:cover;width:100%;height:100%;padding:0}.cert-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0003,#0009);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.certification-card:hover .cert-overlay{opacity:1}.certification-card:hover .cert-image:not(.teltonika-cert){transform:scale(1.05)}.certification-card:hover .teltonika-cert{transform:scale(1.05)}.cert-icon{font-size:3rem;color:var(--color-primary);filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.cert-content{padding:1.5rem}.cert-content h3{font-size:1.25rem;color:var(--color-text);margin-bottom:.5rem}.cert-content h4{font-size:1rem;color:var(--color-primary);margin-bottom:.5rem}.cert-date{font-size:.9rem;color:var(--color-muted);margin-bottom:1rem}.cert-description{font-size:.95rem;color:var(--color-text);margin-bottom:1rem;line-height:1.6}.cert-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-tag{background:#ffd7001a;color:var(--color-primary);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;transition:all .3s ease}.skill-tag:hover{background:#ffd70033;transform:translateY(-2px)}.verify-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);text-decoration:none;font-size:.9rem;transition:all .3s ease}.verify-link:hover{color:var(--color-accent);gap:.8rem}.cert-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.verified-badge{display:flex;align-items:center;gap:.4rem;background:#ffd7001a;color:var(--color-primary);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.verified-badge svg{font-size:.9rem}@media screen and (max-width: 768px){.certifications-container{padding:0 1rem}.section-title{font-size:2rem}.certifications-grid{grid-template-columns:1fr}}@media screen and (max-width: 480px){.cert-content{padding:1rem}.cert-content h3{font-size:1.1rem}.cert-skills{gap:.3rem}.skill-tag{font-size:.8rem;padding:.2rem .6rem}}.projects{background-color:var(--color-background);min-height:100vh;padding:3rem 0;position:relative;overflow:hidden}.projects:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,215,0,.05) 0%,rgba(201,162,39,.05) 50%,transparent 100%);pointer-events:none}.projects-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-primary);border-radius:2px}.projects-scroll-container{position:relative;padding:0 2rem;margin:0 -.5rem}.projects-scroll{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none}.projects-scroll::-webkit-scrollbar{display:none}.project-card{flex:0 0 calc(33.333% - 1rem);scroll-snap-align:center;background:var(--color-card-background);border-radius:10px;overflow:hidden;border:1px solid rgba(255,215,0,.1);transition:all .3s ease;box-shadow:var(--shadow-gold-sm)}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-gold-lg);border-color:#ffd7004d}.project-icon{position:absolute;top:1rem;left:1rem;width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-background);font-size:1.2rem;z-index:2;box-shadow:var(--shadow-gold-md)}.project-image{position:relative;width:100%;padding-top:56.25%;background:#ffd70005;overflow:hidden}.project-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0003,#000000b3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-link{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;background:linear-gradient(135deg,#333,#555);border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease;min-width:120px;justify-content:center}.project-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-gold-md);background:linear-gradient(135deg,#555,#777)}.project-link span{font-size:.8rem}.project-content{padding:1rem}.project-content h3{font-size:1.1rem;color:var(--color-text);margin-bottom:.5rem;font-weight:600}.project-description{color:var(--color-muted);font-size:.85rem;line-height:1.5;margin-bottom:.8rem}.project-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}.feature-tag{background:#ffd7001a;color:var(--color-primary);padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .3s ease}.feature-tag:hover{background:#ffd70033;transform:translateY(-2px)}.more-features{background:#ffd70026;font-style:italic}.tech-stack{display:flex;gap:.8rem;flex-wrap:wrap}.tech-icon{width:30px;height:30px;background:#ffd7001a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1rem;transition:all .3s ease;cursor:pointer}.tech-icon:hover{background:#ffd70033;transform:translateY(-2px) scale(1.1);box-shadow:var(--shadow-gold-sm)}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--gradient-primary);border:none;border-radius:50%;color:var(--color-background);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;box-shadow:var(--shadow-gold-md)}.scroll-button:hover{transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-gold-lg)}.scroll-button.left{left:0}.scroll-button.right{right:0}@media screen and (max-width: 1024px){.project-card{flex:0 0 calc(50% - 1rem)}}@media screen and (max-width: 768px){.projects-container{padding:0 1rem}.projects-scroll-container{padding:0 1.5rem}.project-card{flex:0 0 calc(75% - 1rem)}.scroll-button{width:30px;height:30px;font-size:.8rem}}@media screen and (max-width: 480px){.project-card{flex:0 0 calc(100% - .5rem)}.project-content{padding:.6rem}.project-content h3{font-size:.95rem}.project-features{gap:.2rem}.feature-tag{font-size:.7rem;padding:.1rem .4rem}}.contact{background-color:var(--color-background);min-height:100vh;padding:4rem 0;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at bottom left,rgba(255,215,0,.05) 0%,rgba(201,162,39,.05) 50%,transparent 100%);pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;margin-top:3rem}.contact-info{position:relative}.contact-card{background:var(--color-card-background);border-radius:20px;padding:2rem;box-shadow:var(--shadow-gold-sm);border:1px solid rgba(255,215,0,.1);height:100%}.contact-card h3{font-size:1.5rem;color:var(--color-text);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-card p{color:var(--color-muted);line-height:1.6;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffd70008;border-radius:12px;text-decoration:none;color:var(--color-text);transition:all .3s ease;border:1px solid rgba(255,215,0,.1)}.contact-method:hover,.contact-method.active{background:#ffd70014;border-color:#ffd7004d;transform:translate(5px)}.method-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-background);font-size:1.2rem}.method-info h4{font-size:1rem;margin-bottom:.2rem;color:var(--color-text)}.method-info p{font-size:.9rem;margin:0;color:var(--color-muted)}.availability{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,215,0,.1)}.availability h4{font-size:1rem;color:var(--color-text);margin-bottom:1rem}.status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 10px #4caf5080}.contact-form-container{background:var(--color-card-background);border-radius:20px;padding:2rem;box-shadow:var(--shadow-gold-sm);border:1px solid rgba(255,215,0,.1)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:1rem;background:#ffd70008;border:1px solid rgba(255,215,0,.1);border-radius:12px;color:var(--color-text);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffd7004d;background:#ffd7000d}.form-group textarea{resize:vertical;min-height:120px}.focus-border{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:all .3s ease}.form-group input:focus~.focus-border,.form-group textarea:focus~.focus-border{width:100%}.submit-button{background:var(--gradient-primary);color:var(--color-background);border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:1rem}.submit-button:hover{box-shadow:var(--shadow-gold-md)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.loading,.success{display:flex;align-items:center;gap:.5rem}.success{color:#4caf50}@media screen and (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:2rem}.contact-card{max-width:600px;margin:0 auto}}@media screen and (max-width: 768px){.contact-container{padding:0 1rem}.contact-card,.contact-form-container{padding:1.5rem}.method-icon{width:35px;height:35px;font-size:1rem}}@media screen and (max-width: 480px){.contact{padding:3rem 0}.contact-card h3{font-size:1.3rem}.contact-method{padding:.8rem}.method-info h4{font-size:.9rem}.method-info p{font-size:.8rem}.form-group input,.form-group textarea{padding:.8rem;font-size:.9rem}.submit-button{padding:.8rem 1.5rem;font-size:.9rem}}.notification{position:fixed;top:20px;right:20px;z-index:1000;padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;min-width:300px}.notification.success{background-color:#4caf50;color:#fff}.notification.error{background-color:#f44336;color:#fff}.notification-content{display:flex;align-items:center;gap:12px}.notification-content svg{font-size:20px}.notification-content span{font-size:14px;font-weight:500}:root{--color-primary: #FFD700;--color-primary-hover: #C9A227;--color-accent: #B8860B;--color-accent-hover: #966F09;--color-highlight: rgba(255, 215, 0, .1);--color-highlight-hover: rgba(255, 215, 0, .2);--color-muted: #94A1B2;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));--gradient-accent: linear-gradient(135deg, var(--color-accent), var(--color-primary));--gradient-highlight: linear-gradient(135deg, rgba(255, 215, 0, .1), rgba(201, 162, 39, .1));--color-background: #121212;--color-background-rgb: 18, 18, 18;--color-background-light: #1A1A1A;--color-background-lighter: #242424;--color-card-background: #1A1A1A;--color-text: #F5F5F5;--color-text-light: #E0E0E0;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 15px rgba(0, 0, 0, .3);--shadow-hover: 0 15px 25px rgba(0, 0, 0, .35);--shadow-gold-sm: 0 2px 8px rgba(255, 215, 0, .1);--shadow-gold-md: 0 4px 12px rgba(255, 215, 0, .15);--shadow-gold-lg: 0 8px 20px rgba(255, 215, 0, .2);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light-theme{--color-background: #F9F9F9;--color-background-rgb: 249, 249, 249;--color-background-light: #FFFFFF;--color-background-lighter: #F5F5F5;--color-card-background: #FFFFFF;--color-text: #121212;--color-text-light: #1A1A1A;--color-muted: #666666;--color-primary: #C9A227;--color-primary-hover: #B08A1E;--color-accent: #FFD700;--color-highlight: #FFE55C;--gradient-primary: linear-gradient(135deg, #C9A227 0%, #B08A1E 100%);--gradient-highlight: linear-gradient(135deg, #FFD700 0%, #C9A227 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 15px 25px rgba(0, 0, 0, .15);--shadow-gold-sm: 0 2px 8px rgba(201, 162, 39, .1);--shadow-gold-md: 0 4px 12px rgba(201, 162, 39, .15);--shadow-gold-lg: 0 8px 20px rgba(201, 162, 39, .2)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text);transition:background-color var(--transition-normal),color var(--transition-normal)}h1{font-size:3.2em;line-height:1.1;color:var(--color-text)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:#fffffe;cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--color-accent);transform:translateY(-2px)}button:focus,button:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-accent)}.card{background-color:var(--color-background-light);border-radius:8px}.text-muted{color:var(--color-muted)}.highlight{color:var(--color-highlight)}.bg-accent{background-color:var(--color-accent);color:#fffffe}.bg-primary{background-color:var(--color-primary);color:#fffffe}