: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}