.selector{background:#050510;flex-direction:column;justify-content:center;align-items:center;gap:56px;min-height:100vh;padding:60px 24px;display:flex;position:relative;overflow:hidden}.selector-bg{pointer-events:none;background:radial-gradient(at 15%,#8b5cf624 0%,#0000 55%),radial-gradient(at 85% 20%,#06b6d417 0%,#0000 50%),radial-gradient(at 60% 85%,#ec489912 0%,#0000 50%);position:absolute;inset:0}.selector-header{text-align:center;z-index:1}.selector-greeting{color:#ffffff73;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.9rem}.selector-name{background:linear-gradient(135deg,#a78bfa,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:clamp(2.8rem,7vw,4.5rem);font-weight:800;line-height:1.1}.selector-prompt{color:#fff6;max-width:420px;margin:0 auto;font-size:1rem;line-height:1.6}.roles-wrapper{z-index:1;flex-direction:column;gap:20px;width:100%;max-width:960px;display:flex}.roles-row{justify-content:center;gap:20px;display:flex}.role-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;flex-shrink:0;gap:10px;width:280px;padding:32px 28px;transition:border-color .3s;display:flex;position:relative;overflow:hidden}.role-card:not(.locked):hover{border-color:var(--role-color)}.role-card:not(.locked):hover .role-card-glow{opacity:1}.role-card-glow{background:radial-gradient(ellipse at 50% -10%, var(--role-color) 0%, transparent 65%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.role-icon{width:44px;height:44px;color:var(--role-color);margin-bottom:4px}.role-icon svg{width:100%;height:100%}.role-label{color:#f0f0ff;font-size:1.1rem;font-weight:700}.role-tagline{color:#ffffff6b;flex:1;font-size:.85rem;line-height:1.55}.role-enter{color:var(--role-color);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:6px;margin-top:6px;font-size:.75rem;font-weight:700;display:flex}.role-enter svg{width:14px;height:14px;transition:transform .2s}.role-card:hover .role-enter svg{transform:translate(4px)}.role-lock-badge{color:#ffffff47;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:7px;width:fit-content;margin-top:6px;padding:5px 12px;font-size:.72rem;font-weight:500;display:flex}.role-lock-badge svg{flex-shrink:0;width:13px;height:13px}.role-card.locked{opacity:.45;cursor:default}@media (width<=920px){.roles-row{flex-wrap:wrap}.role-card{flex-shrink:1;width:calc(50% - 10px)}}@media (width<=560px){.role-card{width:100%}.selector{gap:40px;padding:40px 16px}}.role-switcher-wrap{z-index:1000;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:28px;right:28px}.role-switcher-pill{border:1px solid var(--role-color);color:#f0f0ff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px #0006, 0 0 12px color-mix(in srgb, var(--role-color) 30%, transparent);background:#0a0a14d9;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;font-weight:600;transition:box-shadow .2s;display:flex}.pill-dot{background:var(--role-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.pill-label{white-space:nowrap}.pill-chevron{color:#ffffff80;width:14px;height:14px;transition:transform .2s}.pill-chevron.open{transform:rotate(180deg)}.role-switcher-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a16f2;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:2px;min-width:220px;padding:12px 8px;display:flex;box-shadow:0 16px 48px #00000080}.switcher-menu-label{text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;padding:4px 12px 8px;font-size:.7rem;font-weight:600}.switcher-option{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.85rem;font-weight:500;transition:background .15s,color .15s;display:flex}.switcher-option:not(.locked):hover{color:#f0f0ff;background:#ffffff12}.switcher-option.active{color:var(--role-color);background:#ffffff0d}.switcher-option.locked{opacity:.35;cursor:default}.switcher-dot{background:var(--role-color);border-radius:50%;flex-shrink:0;width:7px;height:7px}.switcher-option-label{flex:1}.switcher-lock-tag{text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;background:#ffffff12;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.switcher-divider{background:#ffffff14;height:1px;margin:6px 8px}.switcher-back{color:#fff6;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;padding:7px 12px;font-size:.8rem;transition:color .15s,background .15s}.switcher-back:hover{color:#ffffffb3;background:#ffffff0d}@media (width<=480px){.role-switcher-wrap{bottom:16px;right:16px}}.navbar{z-index:1000;padding:20px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#050510d9;padding:12px 0;box-shadow:0 4px 30px #0000004d}.nav-container{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-size:1.4rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px;color:var(--text-primary)}.logo-bracket{color:var(--accent-purple)}.logo-accent{color:var(--accent-cyan)}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);letter-spacing:.3px;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.nav-links a:after{content:"";background:var(--gradient);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hamburger{background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-primary);transform-origin:50%;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.hamburger span.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger span.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger span.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);background:#050510f2;flex-direction:column;gap:0;display:flex;overflow:hidden}.mobile-menu a{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:16px 24px;font-size:1rem;font-weight:500;transition:all .2s}.mobile-menu a:hover,.mobile-menu a.active{color:var(--text-primary);background:var(--bg-card);padding-left:32px}@media (width<=768px){.nav-links{display:none}.hamburger{display:flex}}.hero{align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-canvas{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-glow{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-glow-1{background:radial-gradient(circle,#8b5cf626,#0000 70%);width:600px;height:600px;top:-100px;left:-100px}.hero-glow-2{background:radial-gradient(circle,#06b6d41a,#0000 70%);width:500px;height:500px;bottom:-50px;right:-50px}.hero-content{z-index:1;padding-top:80px;position:relative}.hero-greeting{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:1px;margin-bottom:16px;font-size:1rem}.hero-name{letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#c4b5fd 50%,#67e8f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;line-height:1.05}.hero-role{color:var(--text-secondary);align-items:center;gap:2px;height:2.2rem;margin-bottom:24px;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;display:flex}.role-text{color:var(--accent-purple)}.cursor{background:var(--accent-cyan);border-radius:2px;width:3px;height:1.3em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description{color:var(--text-secondary);max-width:560px;margin-bottom:40px;font-size:1.1rem;line-height:1.8}.hero-ctas{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.btn{letter-spacing:.3px;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;border:none;box-shadow:0 0 30px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #8b5cf699}.btn-outline{color:var(--text-primary);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent-purple);background:#8b5cf61a;transform:translateY(-2px)}.hero-socials{gap:20px;display:flex}.hero-socials a{border:1.5px solid var(--border);width:44px;height:44px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.hero-socials a:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#8b5cf61a;transform:translateY(-3px);box-shadow:0 8px 20px #8b5cf633}.hero-socials svg{width:18px;height:18px}.hero-scroll{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-scroll span{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;font-size:.7rem}.scroll-line{background:linear-gradient(to bottom, var(--accent-purple), transparent);width:1px;height:50px;animation:1.5s ease-in-out infinite scrollAnim}@keyframes scrollAnim{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}.about{background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.section-tag{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.5px;margin-bottom:12px;font-size:.9rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:18px;font-size:1.05rem;line-height:1.9}.highlight{color:var(--accent-purple);font-weight:600}.about-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.tag{color:var(--accent-purple);background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:50px;padding:6px 16px;font-size:.85rem;font-weight:500}.about-right{flex-direction:column;align-items:center;gap:40px;display:flex}.about-card{justify-content:center;display:flex}.about-avatar{justify-content:center;align-items:center;display:flex;position:relative}.avatar-inner{background:var(--gradient);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;font-size:3rem;font-weight:800;display:flex;box-shadow:0 0 60px #8b5cf666}.avatar-ring{border:1.5px dashed #8b5cf666;border-radius:50%;width:190px;height:190px;animation:12s linear infinite spinSlow;position:absolute}.ring-2{border-color:#06b6d440;width:220px;height:220px;animation-duration:18s;animation-direction:reverse}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-stats{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:default;padding:20px 12px;transition:border-color .3s}.stat-card:hover{border-color:var(--border-hover)}.stat-value{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;display:block}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.75rem;font-weight:500;display:block}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:50px}.about-stats{grid-template-columns:repeat(3,1fr)}}.skills{background:var(--bg-secondary)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;padding:32px;transition:all .3s}.skill-card:hover{background:var(--bg-card-hover);box-shadow:0 20px 60px #0000004d,0 0 40px #8b5cf61a}.skill-card-header{align-items:center;gap:14px;margin-bottom:24px;display:flex}.skill-icon{font-size:1.4rem;font-family:var(--font-mono);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.skill-card-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:700}.skill-chips{flex-wrap:wrap;gap:10px;display:flex}.skill-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:default;background:#ffffff0d;border-radius:50px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-block}.skill-chip:hover{color:var(--text-primary);border-color:var(--accent-purple)}@media (width<=900px){.skills-grid{grid-template-columns:1fr}}@media (width>=600px) and (width<=900px){.skills-grid{grid-template-columns:1fr 1fr}}.projects{background:var(--bg-primary)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;padding:28px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--card-color);box-shadow:0 20px 60px #0006, 0 0 40px color-mix(in srgb, var(--card-color) 20%, transparent)}.project-card-glow{background:radial-gradient(circle, color-mix(in srgb, var(--card-color) 15%, transparent), transparent 70%);pointer-events:none;opacity:0;border-radius:50%;width:180px;height:180px;transition:opacity .3s;position:absolute;top:-60px;right:-60px}.project-card:hover .project-card-glow{opacity:1}.project-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.project-icon{filter:drop-shadow(0 0 8px #ffffff1a);font-size:2rem}.project-links{gap:12px;display:flex}.project-link{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.project-link:hover{border-color:var(--card-color);color:var(--card-color);background:color-mix(in srgb, var(--card-color) 10%, transparent)}.project-link svg{width:16px;height:16px}.project-title{color:var(--text-primary);margin-bottom:12px;font-size:1.15rem;font-weight:700}.project-description{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{border:1px solid var(--border);font-size:.75rem;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff0a;border-radius:4px;padding:4px 10px}.project-overlay{background:linear-gradient(135deg, color-mix(in srgb, var(--card-color) 5%, transparent), transparent);pointer-events:none;border-radius:inherit;position:absolute;inset:0}@media (width<=1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.projects-grid{grid-template-columns:1fr}}.timeline-section{background:var(--bg-secondary)}.timeline-section.alt-bg{background:var(--bg-primary)}.timeline{padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent-purple), var(--accent-cyan), transparent);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:14px}.timeline-item{gap:24px;margin-bottom:48px;display:flex;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-secondary);border:2px solid var(--accent-purple);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;position:absolute;top:0;left:-40px;box-shadow:0 0 20px #8b5cf666}.timeline-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;padding:28px 32px;transition:all .3s}.timeline-content:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 8px 40px #0003}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.timeline-title{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.timeline-org{color:var(--accent-cyan);font-size:.95rem;font-weight:500}.timeline-period{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;background:#ffffff0a;border-radius:50px;padding:4px 12px;font-size:.8rem}.timeline-description{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem;line-height:1.8}.timeline-bullets{flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.timeline-bullets li{color:var(--text-secondary);padding-left:16px;font-size:.92rem;line-height:1.7;position:relative}.timeline-bullets li:before{content:"–";color:var(--accent-purple);position:absolute;left:0}.timeline-highlights{flex-wrap:wrap;gap:8px;display:flex}.highlight-chip{color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:50px;padding:4px 12px;font-size:.8rem;font-weight:500}@media (width<=600px){.timeline-header{flex-direction:column}.timeline-content{padding:20px}}.contact{background:var(--bg-secondary);padding-bottom:0;position:relative;overflow:hidden}.contact-glow{pointer-events:none;background:radial-gradient(#8b5cf61f,#0000 70%);width:800px;height:400px;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.contact-blurb{color:var(--text-secondary);margin-bottom:36px;font-size:1.05rem;line-height:1.8}.contact-blurb strong{color:var(--accent-cyan);font-weight:600}.contact-items{flex-direction:column;gap:20px;margin-bottom:36px;display:flex}.contact-item{cursor:default;align-items:flex-start;gap:16px;display:flex}.contact-item-icon{width:44px;height:44px;color:var(--accent-purple);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item-icon svg{width:18px;height:18px}.contact-item-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:.8rem;font-weight:500}.contact-item-value{color:var(--text-primary);font-size:.95rem;font-weight:500;transition:color .2s}a.contact-item-value:hover{color:var(--accent-cyan)}.contact-socials{gap:12px;display:flex}.social-btn{border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.social-btn svg{width:16px;height:16px}.social-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#8b5cf614}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:36px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);letter-spacing:.3px;font-size:.85rem;font-weight:600;transition:color .2s}.form-group.focused label{color:var(--accent-purple)}.form-group input,.form-group textarea{border:1.5px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);resize:none;background:#ffffff08;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff3}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-purple);background:#8b5cf60d;box-shadow:0 0 0 3px #8b5cf61a}.submit-btn{background:var(--gradient);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 20px #8b5cf64d}.submit-btn:hover{box-shadow:0 8px 30px #8b5cf680}.submit-btn svg{width:16px;height:16px}.sent-msg{color:#86efac;align-items:center;gap:8px;display:flex}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-mono);margin-top:80px;padding:24px}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:40px}}.form-error{color:#f87171;margin-bottom:8px;font-size:.85rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#050510;--bg-secondary:#0d0d1f;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--border:#ffffff14;--border-hover:#8b5cf680;--text-primary:#f0f0ff;--text-secondary:#99b;--text-muted:#5555777;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--gradient:linear-gradient(135deg, #8b5cf6, #06b6d4);--gradient-text:linear-gradient(135deg, #a78bfa, #38bdf8);--font-sans:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", monospace;--radius:12px;--radius-lg:20px;--shadow:0 8px 32px #0006;--shadow-glow:0 0 40px #8b5cf633}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::selection{color:var(--text-primary);background:#8b5cf666}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:3px}section{padding:100px 0;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-title{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.section-subtitle{color:var(--text-secondary);margin-bottom:60px;font-size:1.1rem}.section-header{margin-bottom:60px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}body[data-role=software-developer] .hero-name{background:linear-gradient(135deg,#fff 0%,#9cdcfe 50%,#4ec9b0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body[data-role=software-developer]{--bg-primary:#1e1e1e;--bg-secondary:#252526;--bg-card:#ffffff0a;--bg-card-hover:#569cd614;--border:#ffffff12;--border-hover:#569cd68c;--text-primary:#d4d4d4;--text-secondary:#9d9d9d;--accent-purple:#569cd6;--accent-cyan:#4ec9b0;--accent-pink:#ce9178;--gradient:linear-gradient(135deg, #569cd6, #4ec9b0);--gradient-text:linear-gradient(135deg, #9cdcfe, #4ec9b0);--shadow-glow:0 0 40px #569cd62e}body[data-role=software-developer] ::selection{background:#569cd659}body[data-role=software-developer] ::-webkit-scrollbar-thumb{background:#569cd6}body[data-role=software-developer]{background-color:var(--bg-primary)}body[data-role=analyst] .hero-name{background:linear-gradient(135deg,#fff 0%,#60a5fa 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body[data-role=analyst]{--bg-primary:#0a1628;--bg-secondary:#0d2040;--bg-card:#ffffff0a;--bg-card-hover:#3b82f614;--border:#ffffff12;--border-hover:#3b82f680;--text-primary:#e2e8f0;--text-secondary:#8ca0bc;--accent-purple:#3b82f6;--accent-cyan:#38bdf8;--accent-pink:#818cf8;--gradient:linear-gradient(135deg, #3b82f6, #38bdf8);--gradient-text:linear-gradient(135deg, #60a5fa, #7dd3fc);--shadow-glow:0 0 40px #3b82f62e;background-color:var(--bg-primary)}body[data-role=analyst] ::selection{background:#3b82f659}body[data-role=analyst] ::-webkit-scrollbar-thumb{background:#3b82f6}body[data-role=analyst] .tag{background:#3b82f61f;border-color:#3b82f640}body[data-role=analyst] .avatar-ring{border-color:#3b82f659}body[data-role=analyst] .ring-2{border-color:#38bdf833}body[data-role=analyst] .avatar-inner{box-shadow:0 0 60px #3b82f659}body[data-role=analyst] .timeline-dot{border-color:#3b82f6;box-shadow:0 0 20px #3b82f659}body[data-role=analyst] .highlight-chip{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}body[data-role=analyst] .contact-item-icon{background:#3b82f61a;border-color:#3b82f633}body[data-role=analyst] .contact-glow{background:radial-gradient(#3b82f61a,#0000 70%)}body[data-role=web-developer] .hero-name{background:linear-gradient(135deg,#fff 0%,#fb7185 45%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body[data-role=web-developer]{--bg-primary:#0f0818;--bg-secondary:#1a0f2a;--bg-card:#ffffff0a;--bg-card-hover:#f9731614;--border:#ffffff12;--border-hover:#fb71858c;--text-primary:#fff1f0;--text-secondary:#c4a0a8;--accent-purple:#fb7185;--accent-cyan:#f97316;--accent-pink:#fbbf24;--gradient:linear-gradient(135deg, #7c3aed, #fb7185, #f97316);--gradient-text:linear-gradient(135deg, #fb7185, #fdba74);--shadow-glow:0 0 40px #fb71852e;background-color:var(--bg-primary)}body[data-role=web-developer] ::selection{background:#fb718559}body[data-role=web-developer] ::-webkit-scrollbar-thumb{background:#fb7185}body[data-role=web-developer] .hero-glow-1{background:radial-gradient(circle,#7c3aed2e,#0000 70%)}body[data-role=web-developer] .hero-glow-2{background:radial-gradient(circle,#f9731624,#0000 70%)}body[data-role=web-developer] .tag{background:#fb71851a;border-color:#fb718540}body[data-role=web-developer] .avatar-ring{border-color:#fb718559}body[data-role=web-developer] .ring-2{border-color:#f9731633}body[data-role=web-developer] .avatar-inner{box-shadow:0 0 60px #fb71854d}body[data-role=web-developer] .timeline-dot{border-color:#fb7185;box-shadow:0 0 20px #fb718559}body[data-role=web-developer] .highlight-chip{color:#fb7185;background:#fb71851a;border-color:#fb718533}body[data-role=web-developer] .contact-item-icon{background:#fb71851a;border-color:#fb718533}body[data-role=web-developer] .contact-glow{background:radial-gradient(#f973161a,#0000 70%)}