:root{--rosewater: #f5e0dc;--flamingo: #f2cdcd;--pink: #f5c2e7;--mauve: #cba6f7;--red: #f38ba8;--maroon: #eba0ac;--peach: #fab387;--yellow: #f9e2af;--green: #a6e3a1;--teal: #94e2d5;--sky: #89dceb;--sapphire: #74c7ec;--blue: #89b4fa;--lavender: #b4befe;--text: #cdd6f4;--subtext1: #bac2de;--subtext0: #a6adc8;--overlay2: #9399b2;--overlay1: #7f849c;--overlay0: #6c7086;--surface2: #585b70;--surface1: #45475a;--surface0: #313244;--base: #0d0d14;--mantle: #0a0a0f;--crust: #050508;--primary-color: #cba6f7;--secondary-color: #89b4fa;--accent-color: #f5c2e7;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--bg-dark: #1e1e2e;--bg-card: rgba(203, 166, 247, .08);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--max-width: 1200px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;background:var(--bg-dark)}body{margin:0;padding:0;opacity:.95;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg-dark);color:var(--text-primary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(203,166,247,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(137,180,250,.08) 0%,transparent 50%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(205,214,244,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(205,214,244,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}button{padding:.6rem 1.2rem;border:none;background:transparent;color:var(--text-primary);font-family:inherit;cursor:pointer;font-size:.9rem}a{position:relative;transition:all var(--transition-normal) ease;text-decoration:none}a:hover{transform:translate(5px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.struct{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md) var(--spacing-md) 0;width:100%}.content{padding:var(--spacing-sm) 0}.hero-section{margin-top:var(--spacing-md);margin-bottom:var(--spacing-xl)}.content_left_card{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:900px;margin:0 auto}.projects-section{margin-top:var(--spacing-xl)}.content_right_card{width:100%;margin-top:var(--spacing-md)}.content_tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center;max-width:1200px;margin:0 auto}.vertical_center{display:flex;align-items:center;justify-content:center;height:100%}.topbar{max-width:900px;width:100%;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;gap:2rem;border-radius:50px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.1)}.tabs-list{justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.6rem 1.5rem;border-radius:50px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.1);width:100%;margin:0 auto var(--spacing-md)}.head{display:flex;align-items:baseline;gap:.3rem;font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-right:var(--spacing-sm)}.logo-text{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:.65rem;opacity:.6;color:var(--text-secondary)}.UI{background-color:transparent;border-radius:50px;font-size:.85rem;font-weight:500;position:relative;overflow:hidden;transition:all var(--transition-normal) ease;white-space:nowrap;padding:.5rem 1rem}.UI:hover{background-color:#ffffff14}.UI:before{display:none}.box{width:100%;border-radius:var(--border-radius-md);padding:var(--spacing-md);background:rgba(255,255,255,.05);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.08);transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}.box:hover{transform:translateY(-5px);box-shadow:0 8px 40px #cba6f726;border-color:#cba6f74d}.box_content{color:var(--text-primary)}.card_self{display:none}.STAT{width:100%}.stats-card{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-lg);text-align:left;padding:0;background:none!important;box-shadow:none!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.stats-card:hover{transform:none}.profile-image-container{flex-shrink:0;position:relative}.profile-image-container:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;opacity:0;transition:opacity var(--transition-normal) ease;z-index:-1;filter:blur(25px)}.profile-image-container:hover:before{opacity:.5;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.03)}}.pp{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(203,166,247,.4);box-shadow:0 8px 32px #0000004d;transition:all var(--transition-normal) ease}.pp:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 12px 48px #cba6f766}.stats-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.img_mobile{display:none}span.name,h1.name{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:0;background:linear-gradient(135deg,var(--mauve) 0%,var(--blue) 50%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;background-size:200% 200%;line-height:1.2}mark.markcus{color:var(--primary-color);background:none;font-weight:600}.roles{display:flex;flex-direction:row;gap:var(--spacing-xs);margin:var(--spacing-xs) 0;flex-wrap:wrap}.role-tag{display:inline-block;padding:.4rem 1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50px;color:#fff;font-weight:600;font-size:.8rem;text-align:center}.languages-section{margin-top:var(--spacing-xs)}.section-title{font-size:.9rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:1px}.language-badges{display:flex;flex-direction:row;gap:var(--spacing-xs);flex-wrap:wrap}.badge{display:inline-block;padding:.3rem .8rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.75rem;font-weight:500;text-align:center}.SKILLS{width:100%}.skills-card{padding:0;background:none!important;box-shadow:none!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.skills-card:hover{transform:none}.skills-card .section-title{text-align:left;font-size:.9rem;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.skills-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:0}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-normal) ease;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05)}.skill-item:hover{background:rgba(203,166,247,.1);border-color:#cba6f74d;transform:translateY(-3px);box-shadow:0 4px 20px #cba6f726}.logo{width:50px;height:50px;object-fit:contain;transition:all var(--transition-normal) ease;filter:grayscale(.2)}.logo:hover{transform:scale(1.1);filter:grayscale(0)}.skill-name{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.section-main-title{text-align:center;font-size:clamp(2rem,5vw,3rem);margin:var(--spacing-xl) 0 var(--spacing-lg);font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.showcase{width:100%;max-width:500px;height:auto;aspect-ratio:1;border-radius:var(--border-radius-md);background-color:#f5f5f5;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.showcase:hover{transform:scale(1.03);border-color:var(--primary-color);box-shadow:0 20px 60px #cba6f74d}.project-info{width:100%}.project-details{width:100%;text-align:left}.project-meta{display:flex;gap:var(--spacing-xs);margin:var(--spacing-sm) 0;flex-wrap:wrap}.tech-badge{padding:.35rem .9rem;background:rgba(203,166,247,.15);border:1px solid rgba(203,166,247,.3);border-radius:50px;font-size:.75rem;font-weight:600;color:var(--primary-color)}.project-description{line-height:1.6;margin:var(--spacing-sm) 0;color:var(--text-secondary)}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.7rem 1.4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:.85rem;transition:all var(--transition-normal) ease;margin-top:var(--spacing-sm)}.project-link:hover{transform:translateY(-2px) translate(0);box-shadow:0 8px 25px #cba6f766}.project-content{width:100%}.title{color:var(--text-primary);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--spacing-sm)}span.title{font-size:clamp(1.25rem,2.5vw,1.75rem)}.subtitle{color:var(--text-secondary);font-weight:400;font-size:1.1rem}.text{color:var(--text-primary);line-height:1.6}.custom_separator{width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);margin:var(--spacing-md) 0}.liens{text-decoration:none}.link{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-md)}.contact{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.contact_content{color:var(--text-primary);text-align:left;padding:var(--spacing-md);font-weight:500}.contact_form{flex:1;min-width:300px}.input_box{outline:none;border-radius:var(--border-radius-md);border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;background-color:#ffffff0d;width:100%;min-height:40px;margin-top:var(--spacing-xs);font-size:.95rem;font-weight:500;color:var(--text-primary);transition:all var(--transition-fast) ease}.input_box:focus{border-color:var(--primary-color);background-color:#ffffff14}.mes_area{resize:vertical;min-height:120px}.send_button{border-radius:var(--border-radius-md);background-color:var(--primary-color);font-weight:700;padding:.75rem 2rem;transition:all var(--transition-normal) ease}.send_button:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 8px 25px #cba6f766}#loadOverlay{background:linear-gradient(135deg,var(--crust) 0%,var(--mantle) 100%)}.glow-on-hover{position:relative;overflow:hidden}.glow-on-hover:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(203,166,247,.4),transparent);transform:translate(-50%,-50%);transition:width .6s,height .6s}.glow-on-hover:hover:before{width:300px;height:300px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typing-effect{overflow:hidden;border-right:3px solid var(--primary-color);white-space:nowrap;animation:typing 3.5s steps(40,end),blink .75s step-end infinite}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}@media (max-width: 768px){:root{--spacing-xs: .4rem;--spacing-sm: .75rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}.struct{padding:0 var(--spacing-sm);max-width:100vw;margin:0}.topbar{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.3rem;padding:.5rem .8rem;max-width:95%;border-radius:30px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar::-webkit-scrollbar{display:none}.head{margin-right:.3rem;font-size:.9rem;flex-shrink:0}.logo-text{font-size:1.1rem}.logo-subtitle{display:none}.UI{padding:.4rem .7rem;font-size:.75rem;flex-shrink:0;white-space:nowrap}.theme-toggle{font-size:1.1rem;padding:.4rem .6rem}.hero-section{margin-top:var(--spacing-md)}.content_left_card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-card{flex-direction:column;text-align:center;align-items:center;padding:0;gap:var(--spacing-md)}.profile-image-container{margin-bottom:var(--spacing-sm)}.pp{width:100px;height:100px}.stats-info{width:100%}span.name,h1.name{font-size:clamp(1.75rem,8vw,2.5rem);text-align:center}.section-title{text-align:center;font-size:.85rem}.roles{justify-content:center;flex-wrap:wrap}.role-tag{font-size:.75rem;padding:.35rem .9rem}.language-badges{justify-content:center}.badge{font-size:.7rem;padding:.25rem .7rem}.SKILLS{width:100%}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);justify-items:center}.skill-item{padding:.6rem}.logo{width:40px;height:40px}.skill-name{font-size:.7rem}.projects-section{margin-top:var(--spacing-lg)}.section-main-title{font-size:1.8rem;margin:var(--spacing-lg) 0 var(--spacing-md)}.tabs-list{padding:.5rem;gap:.3rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-trigger{flex-shrink:0;white-space:nowrap;font-size:.75rem}.content_tabs{grid-template-columns:1fr;gap:var(--spacing-md)}.video-container{width:100%}.showcase{max-width:100%;width:100%;height:auto}.project-info{margin-top:var(--spacing-sm)}.project-details{padding:var(--spacing-sm)}span.title{font-size:1.25rem}.tech-badge{font-size:.7rem;padding:.3rem .7rem}.project-description{font-size:.9rem}.project-link{padding:.6rem 1.2rem;font-size:.8rem}.contact{flex-direction:column;gap:var(--spacing-md);width:100%}.contact_content{padding:var(--spacing-sm);text-align:left}.contact_form{width:100%;min-width:unset}.input_box{font-size:.9rem;padding:.6rem .9rem}.send_button{width:100%;margin-top:var(--spacing-xs);padding:.7rem 1.5rem}}@media (min-width: 769px) and (max-width: 1024px){.struct{padding:0 var(--spacing-md);max-width:100%}.topbar{max-width:90%;padding:.7rem 1.5rem;gap:.5rem}.content_left_card{max-width:750px;gap:var(--spacing-lg)}.stats-card{flex-direction:row;padding:0;gap:var(--spacing-lg)}.pp{width:110px;height:110px}.skills-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}.logo{width:48px;height:48px}.content_tabs{grid-template-columns:1fr;gap:var(--spacing-lg)}.showcase{max-width:400px}}@media (min-width: 481px) and (max-width: 768px){.topbar{max-width:85%;gap:.4rem;padding:.6rem 1rem}.logo-subtitle{display:inline}.UI{padding:.5rem .9rem;font-size:.8rem}.pp{width:110px;height:110px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.logo{width:45px;height:45px}}@media (min-width: 1025px) and (max-width: 1399px){.struct{max-width:1100px}.topbar{max-width:750px}.content_left_card{max-width:850px}.content_tabs{max-width:1000px}}@media (min-width: 1400px){.struct{max-width:1200px}.topbar{max-width:800px}.content_left_card{max-width:900px}.content_tabs{gap:var(--spacing-xl);max-width:1200px}.pp{width:140px;height:140px}.stats-card{gap:var(--spacing-xl)}}@media (max-width: 480px){.topbar{padding:.4rem .6rem;gap:.25rem;max-width:96%}.head{font-size:.85rem;margin-right:.2rem}.logo-text{font-size:1rem}.UI{padding:.35rem .6rem;font-size:.7rem}.theme-toggle{font-size:1rem;padding:.35rem .5rem}.pp{width:90px;height:90px}span.name,h1.name{font-size:1.6rem}.role-tag{font-size:.7rem;padding:.3rem .8rem}.skills-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.logo{width:38px;height:38px}.section-main-title{font-size:1.5rem}.tabs-list{gap:.2rem;padding:.4rem}}@media (max-width: 1024px){body,.struct{overflow-x:hidden}*,.showcase,.video-container,.content_tabs,.box{max-width:100%}}@media (max-width: 768px) and (orientation: landscape){.stats-card{flex-direction:row;text-align:left}.section-title{text-align:left}.roles,.language-badges{justify-content:flex-start}.pp{width:80px;height:80px}span.name,h1.name{font-size:1.5rem}.topbar{padding:.4rem .7rem}}.hero-section.svelte-teyn0i{margin-top:3rem}.section-main-title.svelte-teyn0i{text-align:center;font-size:2.5rem;margin:3rem 0 2rem;color:#fff;font-weight:700}.roles.svelte-teyn0i{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0}.role-tag.svelte-teyn0i{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#535FFD,#667eea);border-radius:20px;color:#fff;font-weight:600;font-size:.9rem}.section-title.svelte-teyn0i{font-size:1.2rem;font-weight:700;margin-bottom:1rem;color:#535ffd}.languages-section.svelte-teyn0i{margin-top:1.5rem}.language-badges.svelte-teyn0i{display:flex;flex-direction:column;gap:.5rem}.badge.svelte-teyn0i{display:inline-block;padding:.4rem .8rem;background:rgba(83,95,253,.1);border:1px solid rgba(83,95,253,.3);border-radius:15px;font-size:.85rem;font-weight:500}.skills-grid.svelte-teyn0i{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem}.skill-item.svelte-teyn0i{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.skill-name.svelte-teyn0i{font-size:.75rem;font-weight:600;color:#fff;opacity:.8}.project-details.svelte-teyn0i{width:100%}.project-meta.svelte-teyn0i{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.tech-badge.svelte-teyn0i{padding:.3rem .8rem;background:rgba(83,95,253,.2);border:1px solid #535FFD;border-radius:12px;font-size:.75rem;font-weight:600;color:#535ffd}.project-description.svelte-teyn0i{line-height:1.6;margin:1rem 0}.project-link.svelte-teyn0i{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#535FFD,#667eea);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;margin-top:1rem}.project-link.svelte-teyn0i:hover{transform:translateY(-2px);box-shadow:0 8px 25px #535ffd66}.video-container.svelte-teyn0i{position:relative}.logo-text.svelte-teyn0i{font-size:1.5rem;font-weight:800}.logo-subtitle.svelte-teyn0i{font-size:.7rem;opacity:.7;margin-left:.3rem}.theme-toggle.svelte-teyn0i{font-size:1.3rem;cursor:pointer}