:root{--primary: #4361ee;--secondary: #7209b7;--accent: #f72585;--gradient-main: linear-gradient(135deg,#4361ee 0%,#7209b7 100%);--gradient-text: linear-gradient(to right,#4361ee,#f72585);--glass-bg: rgba(255,255,255,0.7);--glass-border: 1px solid rgba(255,255,255,0.8);--glass-blur: blur(12px);--text-dark: #1a1a2e;--text-gray: #4a5568;--bg-body: #f0f4f8;--shadow-card: 0 10px 30px -5px rgba(0,0,0,0.08);--radius: 24px;--font: "Outfit",sans-serif}html{scroll-behavior: smooth}*,*::before,*::after{margin: 0;padding: 0;box-sizing: border-box}*,*::before,*::after{cursor: none !important}#cursor-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--primary);position: fixed;top: 0;left: 0;pointer-events: none;z-index: 99999;transform: translate(-50%,-50%);transition: transform 0.1s ease,background 0.3s ease;box-shadow: 0 0 10px rgba(67,97,238,0.8)}#cursor-ring{width: 36px;height: 36px;border-radius: 50%;border: 2px solid rgba(67,97,238,0.5);position: fixed;top: 0;left: 0;pointer-events: none;z-index: 99998;transform: translate(-50%,-50%);transition: transform 0.15s ease,width 0.3s ease,height 0.3s ease,border-color 0.3s ease,background 0.3s ease}body.cursor-hover #cursor-dot{transform: translate(-50%,-50%) scale(2.5);background: var(--accent)}body.cursor-hover #cursor-ring{width: 60px;height: 60px;border-color: rgba(247,37,133,0.4);background: rgba(247,37,133,0.05)}body::before{content: '';position: fixed;inset: 0;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity: 0.025;pointer-events: none;z-index: 99997}body{font-family: var(--font);color: var(--text-dark);line-height: 1.6;overflow-x: hidden;position: relative}body::after{content: '';position: fixed;inset: 0;background: radial-gradient(ellipse at 20% 20%,rgba(67,97,238,0.18) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(247,37,133,0.12) 0%,transparent 45%),radial-gradient(ellipse at 60% 80%,rgba(114,9,183,0.12) 0%,transparent 50%),radial-gradient(ellipse at 10% 70%,rgba(76,201,240,0.1) 0%,transparent 45%),#f0f4f8;animation: meshShift 18s ease-in-out infinite alternate;z-index: -1;pointer-events: none}@keyframes meshShift{0%{filter: hue-rotate(0deg) brightness(1)}33%{filter: hue-rotate(8deg) brightness(1.02)}66%{filter: hue-rotate(-5deg) brightness(0.99)}100%{filter: hue-rotate(10deg) brightness(1.01)}}img{max-width: 100%;display: block}a{text-decoration: none;color: inherit;transition: 0.3s}.navbar{position: sticky;top: 15px;width: 90%;max-width: 1100px;margin: 0 auto;background: rgba(255,255,255,0.75);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);padding: 12px 30px;border-radius: 50px;border: var(--glass-border);box-shadow: 0 4px 30px rgba(0,0,0,0.05),0 0 0 1px rgba(255,255,255,0.5) inset;z-index: 1000;display: flex;justify-content: space-between;align-items: center;transition: box-shadow 0.3s ease}.navbar:hover{box-shadow: 0 8px 40px rgba(67,97,238,0.12),0 0 0 1px rgba(255,255,255,0.5) inset}.navbar__logo{font-size: 1.5em;font-weight: 800;background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.nav-links{display: flex;gap: 30px}.nav-links a{color: var(--text-dark);font-weight: 600;font-size: 0.95rem;position: relative}.nav-links a:hover{color: var(--primary)}.nav-links a::after{content: '';position: absolute;width: 0;height: 2px;bottom: -2px;left: 0;background: var(--secondary);transition: 0.3s}.nav-links a:hover::after{width: 100%}.menu-toggle{display: none;background: none;border: none;font-size: 1.6em;color: var(--text-dark);cursor: none}@media(max-width: 768px){.navbar{width: 95%;top: 10px;padding: 12px 20px}.nav-links{display: none}.menu-toggle{display: block}}.nav-drawer{display: none;position: fixed;top: 80px;right: 20px;width: 260px;padding: 25px;background: rgba(255,255,255,0.95);backdrop-filter: blur(20px) saturate(180%);box-shadow: 0 10px 40px rgba(0,0,0,0.15);border-radius: 20px;border: 1px solid white;z-index: 999}.nav-drawer.active{display: block;animation: popIn .3s}.nav-drawer a{display: block;padding: 12px 0;border-bottom: 1px solid rgba(0,0,0,0.05);font-weight: 600}@keyframes popIn{from{opacity: 0;transform: scale(0.8)}to{opacity: 1;transform: scale(1)}}header{text-align: center;padding: 60px 20px 100px;background: var(--gradient-main);color: white;border-radius: 0 0 50% 50% / 20%;margin-top: -80px;padding-top: 140px;position: relative;overflow: hidden;box-shadow: 0 10px 60px rgba(67,97,238,0.4)}header::before{content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 60%);animation: rotate 20s linear infinite}header::after{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 20% 50%,rgba(255,255,255,0.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(247,37,133,0.15) 0%,transparent 35%),radial-gradient(circle at 60% 80%,rgba(76,201,240,0.1) 0%,transparent 30%);animation: blobShift 12s ease-in-out infinite alternate;pointer-events: none}@keyframes blobShift{0%{transform: scale(1) rotate(0deg)}50%{transform: scale(1.1) rotate(3deg)}100%{transform: scale(0.95) rotate(-2deg)}}@keyframes rotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}.profile-img-container{width: 190px;height: 190px;border-radius: 50%;margin: 0 auto;padding: 6px;background: rgba(255,255,255,0.3);backdrop-filter: blur(5px);box-shadow: 0 15px 35px rgba(0,0,0,0.2),0 0 0 8px rgba(255,255,255,0.1);transform: translateY(50px);position: relative;z-index: 2;animation: float 6s ease-in-out infinite;transition: box-shadow 0.3s ease}.profile-img-container:hover{box-shadow: 0 25px 50px rgba(0,0,0,0.3),0 0 0 12px rgba(255,255,255,0.15)}.profile-img-container img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;border: 4px solid white}@keyframes float{0%,100%{transform: translateY(50px)}50%{transform: translateY(35px)}}.header-btns{display: flex;justify-content: center;gap: 10px;margin-top: 40px;position: relative;z-index: 5}.btn-header{padding: 10px 22px;border-radius: 50px;font-weight: 700;font-size: 0.9rem;display: flex;align-items: center;gap: 8px;transition: 0.3s;white-space: nowrap}.btn-cv{background: white;color: var(--primary);box-shadow: 0 10px 20px rgba(0,0,0,0.2)}.btn-cv:hover{transform: translateY(-3px);color: var(--secondary);box-shadow: 0 15px 30px rgba(0,0,0,0.3)}.btn-contact-header{background: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.6);color: white;backdrop-filter: blur(5px)}.btn-contact-header:hover{background: white;color: var(--primary);transform: translateY(-3px)}.hero-text-section{text-align: center;padding: 80px 20px 30px}.hero__title{font-size: 2.8em;font-weight: 800;color: var(--text-dark);line-height: 1.1;letter-spacing: -1px}.hero__title span{background: var(--gradient-text);-webkit-background-clip: text;-webkit-text-fill-color: transparent}.hero__subtitle{margin-top: 20px;max-width: 650px;margin-inline: auto;font-size: 1.15em;color: var(--text-gray)}main section{max-width: 1100px;margin: 80px auto;padding: 0 20px;scroll-margin-top: 120px}.section__title{text-align: center;font-size: 2.2em;font-weight: 700;margin-bottom: 50px;color: var(--text-dark);position: relative;display: inline-block;width: 100%}.section__title::after{content: '';display: block;width: 60px;height: 5px;border-radius: 5px;background: var(--gradient-main);margin: 15px auto 0}.about-text-container{max-height: 150px;overflow: hidden;position: relative;transition: max-height 0.8s ease-in-out}.about-text-container.expanded{max-height: 30000px}.about-text-container::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 80px;background: linear-gradient(transparent,white);pointer-events: none;transition: opacity 0.3s}.about-text-container.expanded::after{opacity: 0}.read-more-btn{display: inline-block;margin-top: 25px;padding: 12px 35px;background: var(--gradient-main);color: white;border-radius: 50px;font-weight: 600;cursor: none;border: none;font-size: 1rem;box-shadow: 0 10px 20px rgba(67,97,238,0.2);transition: 0.3s}.read-more-btn:hover{transform: translateY(-3px);box-shadow: 0 15px 30px rgba(67,97,238,0.4)}.tech-ticker-wrapper{overflow: hidden;position: relative;padding: 10px 0;cursor: grab;touch-action: pan-y;user-select: none;-webkit-user-select: none;mask-image: linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image: linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.tech-ticker-wrapper.is-dragging{cursor: grabbing}.tech-ticker-wrapper.is-dragging .tech-ticker-track{animation-play-state: paused !important;transition: none !important}.tech-ticker-wrapper.is-dragging .ticker-card{pointer-events: none}.tech-ticker-track{display: flex;gap: 20px;width: max-content;animation: tickerScroll 18s linear infinite;will-change: transform}@media (hover: hover){.tech-ticker-track:hover{animation-play-state: paused}}@keyframes tickerScroll{from{transform: translateX(0)}to{transform: translateX(-50%)}}.ticker-card{background: white;border-radius: 20px;padding: 22px 28px;min-width: 200px;box-shadow: var(--shadow-card);border: 1px solid rgba(255,255,255,1);transition: transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;flex-shrink: 0;text-align: center;-webkit-user-drag: none;pointer-events: auto}.ticker-card:hover{transform: translateY(-6px);border-color: var(--primary);box-shadow: 0 20px 40px rgba(67,97,238,0.15)}.ticker-card h3{color: var(--secondary);font-size: 1em;margin-bottom: 10px;display: flex;align-items: center;justify-content: center;gap: 8px}.ticker-card h3 i{background: rgba(114,9,183,0.1);padding: 8px;border-radius: 10px;font-size: 0.8em}.ticker-card p{font-size: 0.82em;color: var(--text-gray);line-height: 1.5}.tech-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 30px}.tech-card{background: white;padding: 30px;border-radius: var(--radius);box-shadow: var(--shadow-card);border: 1px solid rgba(255,255,255,1);transition: 0.4s}.tech-card:hover{transform: translateY(-10px);border-color: var(--primary)}.tech-card__title{color: var(--secondary);font-size: 1.4em;margin-bottom: 15px;display: flex;align-items: center;gap: 10px}.tech-card__title i{background: rgba(114,9,183,0.1);padding: 10px;border-radius: 12px;font-size: 0.8em}.skill-bar{background: white;border-radius: 50px;height: 50px;position: relative;margin-bottom: 25px;box-shadow: 0 4px 15px rgba(0,0,0,0.05);padding: 6px}.skill-bar__text-overlay{position: absolute;width: 100%;height: 100%;padding: 0 25px;display: flex;justify-content: space-between;align-items: center;z-index: 2;font-weight: 700;color: #444;mix-blend-mode: multiply}.skill-bar__fill{height: 100%;width: 0;background: var(--gradient-main);border-radius: 40px;transition: width 1.5s}.portfolio-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(340px,1fr));gap: 40px}.portfolio-card{background: rgba(255,255,255,0.65);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border-radius: var(--radius);box-shadow: 0 10px 30px -5px rgba(0,0,0,0.08),0 0 0 1px rgba(255,255,255,0.7) inset;overflow: hidden;display: flex;flex-direction: column;transition: all 0.4s cubic-bezier(0.23,1,0.32,1);border: 1px solid rgba(255,255,255,0.8);position: relative}.portfolio-card::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,rgba(67,97,238,0.03) 0%,rgba(247,37,133,0.03) 100%);opacity: 0;transition: opacity 0.4s ease;pointer-events: none}.portfolio-card:hover::before{opacity: 1}.portfolio-card:hover{transform: translateY(-12px);box-shadow: 0 30px 60px rgba(67,97,238,0.15),0 0 0 1px rgba(67,97,238,0.2) inset;border-color: rgba(67,97,238,0.3)}.portfolio-card img{height: 240px;width: 100%;object-fit: cover;transition: 0.5s}.portfolio-card:hover img{transform: scale(1.05)}.portfolio-card__content{padding: 30px;flex-grow: 1;display: flex;flex-direction: column;background: rgba(255,255,255,0.4);backdrop-filter: blur(10px)}.portfolio-card__title{font-size: 1.5em;color: var(--text-dark);margin-bottom: 12px;font-weight: 700}.project-desc{font-size: 1em;color: var(--text-gray);margin-bottom: 15px;line-height: 1.6}.tech-stack-row{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 20px}.tech-tag{background: rgba(67,97,238,0.08);backdrop-filter: blur(5px);color: var(--primary);padding: 5px 12px;border-radius: 20px;font-size: 0.85em;font-weight: 600;border: 1px solid rgba(67,97,238,0.15);transition: 0.2s}.tech-tag:hover{background: rgba(67,97,238,0.15);border-color: rgba(67,97,238,0.3)}.project-engine-list{list-style: none;margin-bottom: 25px}.project-engine-list li{font-size: 0.95em;color: var(--text-dark);margin-bottom: 10px;display: flex;gap: 10px}.project-engine-list li i{color: var(--accent);margin-top: 5px}.project-engine-list strong{color: var(--secondary);font-weight: 600}.portfolio-card__links{display: flex;gap: 15px;margin-top: auto}.link-btn{padding: 12px 20px;font-weight: 600;color: var(--primary);border: 2px solid rgba(67,97,238,0.2);border-radius: 12px;font-size: 0.95em;transition: 0.3s;flex: 1;text-align: center;background: rgba(255,255,255,0.5);backdrop-filter: blur(5px)}.link-btn:hover{background: var(--primary);color: white;border-color: var(--primary)}.cert-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 30px;margin-top: 40px}.cert-card{background: white;border-radius: var(--radius);box-shadow: var(--shadow-card);overflow: hidden;border: 4px solid white;transition: 0.4s cubic-bezier(0.23,1,0.32,1);position: relative;transform-style: preserve-3d}.cert-card::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,transparent 0%,rgba(240,185,11,0.05) 100%);opacity: 0;transition: 0.4s}.cert-card:hover{transform: translateY(-8px) perspective(800px) rotateX(2deg);border-color: #F0B90B;box-shadow: 0 20px 40px rgba(240,185,11,0.2)}.cert-card:hover::before{opacity: 1}.cert-card img{width: 100%;height: auto;display: block}.cert-caption{padding: 15px;text-align: center;font-weight: 700;color: var(--text-dark);background: #fafafa;font-size: 0.9rem;border-top: 1px solid #eee}.view-all-btn{display: block;width: fit-content;margin: 40px auto 0;padding: 15px 35px;background: var(--gradient-main);color: white;border-radius: 50px;font-weight: 700;font-size: 1.1em;text-align: center;box-shadow: 0 10px 25px rgba(67,97,238,0.3);transition: 0.3s;position: relative;overflow: hidden}.view-all-btn::after{content: '';position: absolute;inset: 0;background: rgba(255,255,255,0);transition: 0.3s}.view-all-btn:hover{transform: translateY(-5px);box-shadow: 0 15px 35px rgba(67,97,238,0.5)}.view-all-btn:hover::after{background: rgba(255,255,255,0.1)}.contact-container{display: flex;flex-direction: column;align-items: center;gap: 20px;margin-top: 30px}.btn-contact{display: flex;align-items: center;justify-content: center;gap: 15px;width: 100%;max-width: 380px;padding: 18px;border-radius: 50px;color: white;font-weight: 600;font-size: 1.1em;box-shadow: 0 10px 20px rgba(0,0,0,0.15);transition: 0.3s;position: relative;overflow: hidden}.btn-contact:hover{transform: translateY(-5px)}.btn-whatsapp{background: linear-gradient(135deg,#25D366,#128C7E)}.btn-email{background: linear-gradient(135deg,#EA4335,#B92B1E)}.btn-fiverr{background: linear-gradient(135deg,#1dbf73,#109655)}footer{text-align: center;padding: 60px 20px;background: rgba(255,255,255,0.8);backdrop-filter: blur(20px);border-radius: 50px 50px 0 0;margin-top: 100px;border-top: 1px solid rgba(255,255,255,0.9)}.social-links{display: flex;justify-content: center;gap: 20px;margin-bottom: 25px;flex-wrap: wrap}.social-icon{font-size: 1.4em;width: 55px;height: 55px;background: rgba(248,249,250,0.8);backdrop-filter: blur(10px);border-radius: 50%;display: flex;justify-content: center;align-items: center;color: var(--text-dark);transition: 0.3s;border: 1px solid rgba(255,255,255,0.9)}.social-icon:hover{background: var(--gradient-main);color: white;transform: translateY(-5px)}.social-icon.binance-icon:hover{background: #F0B90B;color: black}.social-icon.fiverr-icon:hover{background: #1dbf73;color: white}.fade-in{opacity: 0;transform: translateY(30px);transition: 1s}.fade-in.visible{opacity: 1;transform: translateY(0)}#dot-nav{position: fixed;right: 24px;top: 50%;transform: translateY(-50%);display: flex;flex-direction: column;gap: 12px;z-index: 9990}.dot-nav-item{width: 10px;height: 10px;border-radius: 50%;background: rgba(67,97,238,0.25);border: 2px solid rgba(67,97,238,0.4);transition: all 0.3s ease;cursor: none;position: relative}.dot-nav-item:hover{transform: scale(1.4);background: var(--primary)}.dot-nav-item.active{background: var(--primary);box-shadow: 0 0 0 4px rgba(67,97,238,0.2),0 0 12px rgba(67,97,238,0.5);transform: scale(1.3)}.dot-nav-item .dot-nav-label{position: absolute;right: 22px;top: 50%;transform: translateY(-50%);background: var(--text-dark);color: white;padding: 4px 10px;border-radius: 6px;font-size: 0.72rem;font-weight: 700;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.2s ease;font-family: var(--font)}.dot-nav-item:hover .dot-nav-label{opacity: 1}@media (max-width: 768px){#dot-nav{display: none}#cursor-dot,#cursor-ring{display: none}*,*::before,*::after{cursor: auto !important}}.magnetic{transition: transform 0.2s cubic-bezier(0.23,1,0.32,1) !important}::-webkit-scrollbar{width: 6px}::-webkit-scrollbar-track{background: rgba(240,244,248,0.5)}::-webkit-scrollbar-thumb{background: linear-gradient(to bottom,var(--primary),var(--secondary));border-radius: 6px}::-webkit-scrollbar-thumb:hover{background: var(--accent)}::selection{background: rgba(67,97,238,0.2);color: var(--primary)}