';color:var(--color-purple);margin-left:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.nav-list{list-style:none;display:flex;gap:2rem;align-items:center}.nav-list li a{color:var(--color-light-grey);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-list li a::before{content:'01.';color:var(--color-purple);margin-right:.5rem;font-size:.8rem}.nav-list li:nth-child(2) a::before{content:'02.'}.nav-list li:nth-child(3) a::before{content:'03.'}.nav-list li:nth-child(4) a::before{content:'04.'}.nav-list li a:hover{color:var(--color-accent);transform:translateY(-2px)}.nav-icon{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-icon span{width:25px;height:2px;background:var(--color-purple);transition:.3s}.content-wrapper{padding:4rem;display:flex;flex-direction:column;min-height:calc(100vh - 80px);justify-content:center}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin:0 auto}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-greeting{font-family:var(--font-mono);font-size:1rem;color:var(--color-accent);margin-bottom:.5rem}.hero-title{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--color-white);line-height:1.1;margin-bottom:1rem}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.hero-subtitle{font-family:var(--font-display);font-size:2.8rem;font-weight:600;color:var(--color-light-grey);line-height:1.2;margin-bottom:1rem}.hero-description{font-family:var(--font-sans);font-size:1.1rem;color:var(--color-light-grey);line-height:1.6;max-width:500px;margin-bottom:1rem}.hero-skills{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.skill-tag{background:rgba(95,45,241,.1);border:1px solid var(--color-purple);color:#987af0;padding:.4rem .8rem;border-radius:20px;font-family:var(--font-mono);font-size:.8rem;font-weight:500;transition:all .3s ease}.skill-tag:hover{background:var(--color-purple);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-strong)}.cta-buttons{display:flex;gap:1.5rem;align-items:center}.btn-primary{background:var(--gradient-primary);color:var(--color-white);padding:1rem 2rem;border:none;border-radius:8px;font-family:var(--font-mono);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(95,45,241,.4)}.btn-secondary{color:var(--color-accent);padding:1rem 2rem;border:2px solid var(--color-accent);border-radius:8px;font-family:var(--font-mono);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease;background:0 0}.btn-secondary:hover{background:var(--color-accent);color:var(--background-primary);transform:translateY(-3px);box-shadow:0 10px 30px rgba(100,255,218,.3)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.visual-container{width:350px;position:relative;display:flex;justify-content:center;align-items:center}.floating-elements{position:absolute;width:100%;height:100%}.floating-element{position:absolute;background:var(--gradient-primary);border-radius:50%;animation:float-element 6s ease-in-out infinite}.floating-element:nth-child(1){width:60px;height:60px;top:-5%;left:4%;animation-delay:0s}.floating-element:nth-child(2){width:40px;height:40px;top:2%;right:6%;animation-delay:2s;background:var(--gradient-accent)}.floating-element:nth-child(3){width:30px;height:30px;bottom:25%;left:4%;animation-delay:4s;background:var(--gradient-warm)}.floating-element:nth-child(4){width:50px;height:50px;bottom:-7%;right:5%;animation-delay:1s}@keyframes float-element{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.code-window{background:var(--background-secondary);border-radius:12px;padding:1.5rem;width:280px;box-shadow:var(--shadow-strong);border:1px solid rgba(95,45,241,.2);backdrop-filter:blur(10px);position:relative;z-index:2}.window-header{display:flex;gap:8px;margin-bottom:1rem;align-items:center}.window-dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28ca42}.window-title{margin-left:auto;font-family:var(--font-mono);font-size:.8rem;color:var(--color-light-grey)}.code-content{font-family:var(--font-mono);font-size:.8rem;line-height:1.4}.code-line{display:block;margin-bottom:.3rem}.code-comment{color:#7f848e}.code-keyword{color:var(--color-purple)}.code-string{color:var(--color-accent)}.code-function{color:var(--color-yellow)}.code-property{color:var(--color-pink)}.typing-animation{border-right:2px solid var(--color-accent);animation:blink 1s infinite}@keyframes blink{0%,50%{border-color:var(--color-accent)}100%,51%{border-color:transparent}}.container-cards-projects{padding:4rem 2rem;max-width:1200px;margin:0 auto}.projects-header{text-align:center;margin-bottom:3rem}.projects-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-white);margin-bottom:1rem}.projects-subtitle{font-family:var(--font-sans);font-size:1.1rem;color:var(--color-light-grey);max-width:600px;margin:0 auto}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.wrapper-card-grid{display:flex;justify-content:center}.grid-item{background:var(--background-secondary);border-radius:12px;padding:1.5rem;transition:all .3s ease;border:1px solid rgba(95,45,241,.1);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);width:100%;cursor:pointer;height:fit-content}.grid-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong);border-color:var(--color-purple)}.image-container{position:relative;width:100%;height:200px;border-radius:8px;overflow:hidden;margin-bottom:1rem}.image-main{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.image-hover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.image-container:hover .image-main{opacity:0}.image-container:hover .image-hover{opacity:1}.image-fix{object-position:center top}.card-stack-tech{background:rgba(95,45,241,.1);border:1px solid var(--color-purple);color:var(--color-purple);padding:.4rem .8rem;border-radius:20px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;display:inline-block;margin-bottom:1rem;transition:all .3s ease}.card-stack-tech:hover{background:var(--color-purple);color:var(--color-white)}.title-card-grid{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-white);margin-bottom:.5rem;line-height:1.2}.description-card-grid{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--color-accent);margin-bottom:.8rem}.grid-item p:last-child{font-family:var(--font-sans);font-size:.9rem;color:var(--color-light-grey);line-height:1.4;margin:0}@media (max-width:768px){.nav-list{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(44,48,54,.95);flex-direction:column;padding:1rem;backdrop-filter:blur(10px)}.nav-list.active{display:flex}.nav-icon{display:flex}.hero-container{grid-template-columns:1fr;gap:8rem;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:2rem}.visual-container{width:250px}.code-window{width:220px}.cta-buttons{flex-direction:column;align-items:stretch}.content-wrapper{padding:2rem 1rem}.container-cards-projects{padding:2rem 1rem}.grid-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-item{padding:1.2rem}.image-container{height:180px}}@media (max-width:1024px){.grid-container{grid-template-columns:repeat(2,1fr);gap:1.8rem}.container-cards-projects{padding:3rem 1.5rem}}@media (max-width:640px){.grid-container{grid-template-columns:1fr;gap:1.5rem}.container-cards-projects{padding:2rem 1rem}.grid-item{padding:1.2rem}.image-container{height:180px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.5rem}.hero-description{font-size:1rem}.visual-container{width:200px}.grid-item{padding:1rem}.image-container{height:160px}.title-card-grid{font-size:1.3rem}.description-card-grid{font-size:.9rem}.grid-item p:last-child{font-size:.8rem}}.hero-button{display:inline-block;padding:1rem 2rem;background:rgba(100,255,218,.1);border:2px solid #64ffda;color:#64ffda;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);position:relative;overflow:hidden}.hero-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hero-button:hover::before{left:100%}.hero-button:hover{background:rgba(100,255,218,.2);transform:translateY(-2px);box-shadow:0 10px 25px rgba(100,255,218,.3)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
A selection of my most outstanding work
E-commerce Platform
Website with modern design and user-friendly interface
Audio Plugin Platform
Professional audio plugin website with dark theme and modern UI
Educational Platform
Digital investment and trading workshops
Educational Technology Platform
Modern e-learning platform with advanced Vue.js architecture
Higher Education Institute
Comprehensive educational platform for technological and business studies
Stream Monitoring Service
Advanced stream monitoring tool with silence detection and global network
Commercial Diving Services
Professional marine solutions with commercial diving and underwater services
Digital Advertising Community
Professional community platform for digital advertising industry leaders
Financial Services
Comprehensive financial planning and wealth management services
Animal Breeding Services
Professional animal breeding and genetic improvement services
Educational Foundation
Supporting libraries and educational programs in the community
Investment Solutions
Stable value investment solutions and financial planning services
International Trade Platform
Comprehensive international trade and commerce solutions
Creative Agency
Full-service creative agency specializing in digital experiences
Food & Culture Magazine
Digital magazine featuring food culture, recipes, and culinary experiences
Healthcare Services
Comprehensive healthcare services and medical professional platform
Internal App
Internal application for creative project management and workflow optimization
Agricultural Management System
Complete solution for agricultural and horticultural management
E-commerce Fashion Store
Modern activewear e-commerce with custom Shopify development