:root{--bg-color-main: #ffffff;--bg-color-card: rgba(255, 255, 255, .5);--bg-color-nav: rgba(255, 255, 255, .7);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border-color: rgba(15, 23, 42, .08);--border-color-hover: rgba(15, 23, 42, .18);--accent-color: #520093;--accent-glow: rgba(82, 0, 147, .05);--selection-bg: #520093;--selection-color: #ffffff;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .03), 0 1px 2px rgba(15, 23, 42, .02);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .04), 0 2px 4px -2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .02), 0 8px 10px -6px rgba(0, 0, 0, .02), 0 24px 50px -12px rgba(82, 0, 147, .22)}html.dark{--bg-color-main: #000000;--bg-color-card: rgba(10, 10, 12, .45);--bg-color-nav: rgba(0, 0, 0, .7);--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #737373;--border-color: rgba(255, 255, 255, .12);--border-color-hover: rgba(255, 255, 255, .25);--accent-color: #a855f7;--accent-glow: rgba(168, 85, 247, .15);--selection-bg: #a855f7;--selection-color: #000000;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .7), 0 2px 4px -2px rgba(0, 0, 0, .6);--shadow-lg: 0 12px 24px -5px rgba(0, 0, 0, .8), 0 8px 16px -6px rgba(0, 0, 0, .9), 0 25px 50px -12px rgba(168, 85, 247, .32)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:Inter,sans-serif;background-color:var(--bg-color-main);background-image:radial-gradient(circle at 10% 20%,rgba(82,0,147,.02) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(2,132,199,.015) 0%,transparent 40%);color:var(--text-primary);line-height:1.6;transition:background-color .35s ease,color .35s ease;min-height:100%;display:flex;flex-direction:column}html.dark body{background-image:radial-gradient(circle at 15% 15%,rgba(168,85,247,.04) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(56,189,248,.03) 0%,transparent 50%)}::-moz-selection{background:var(--selection-bg);color:var(--selection-color)}::selection{background:var(--selection-bg);color:var(--selection-color)}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.25}p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:1.25rem}.code-font{font-family:Noto Sans Mono,monospace}main{max-width:680px;margin:0 auto;padding:7rem 1.25rem 4rem;width:100%;flex-grow:1}section{margin-bottom:3.5rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}section:nth-of-type(1){animation-delay:.05s}section:nth-of-type(2){animation-delay:.12s}section:nth-of-type(3){animation-delay:.18s}header{position:fixed;top:0;left:0;width:100%;background-color:var(--bg-color-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:50;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px #00000003;transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}html.dark header{box-shadow:0 1px 4px #0006}.nav-container{max-width:680px;margin:0 auto;padding:1.25rem;display:flex;align-items:center;justify-content:space-between}.logo{font-family:Outfit,sans-serif;font-weight:900;font-size:1.5rem;color:var(--accent-color);cursor:pointer;letter-spacing:-.05em;transition:opacity .25s ease,color .35s ease}.logo:hover{opacity:.8}.nav-actions{display:flex;align-items:center;gap:1rem}.hero-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:1rem 0}@media (min-width: 640px){.hero-container{flex-direction:row;align-items:center;text-align:left;gap:2.25rem}}.hero-avatar-container{flex-shrink:0}.hero-avatar{width:96px;height:96px;border-radius:50%;border:2px solid var(--border-color);object-fit:cover;transition:border-color .25s ease,transform .25s ease}.hero-avatar:hover{border-color:var(--accent-color);transform:scale(1.02)}.hero-details{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.hero-title{font-size:2.75rem;font-weight:800;line-height:1.1;color:var(--text-primary)}.hero-role{font-size:.95rem;font-weight:600;color:var(--text-muted)}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin-top:.5rem}.hero-subtitle a{font-weight:600;color:var(--accent-color);text-decoration:none;position:relative;transition:color .25s ease}.hero-subtitle a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1.5px;bottom:0;left:0;background-color:var(--accent-color);transform-origin:bottom right;transition:transform .25s ease-out}.hero-subtitle a:hover:after{transform:scaleX(1);transform-origin:bottom left}.section-title{font-size:1.5rem;margin-bottom:1.25rem;color:var(--text-primary)}.card-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem}@media (min-width: 640px){.card-grid{grid-template-columns:1fr 1fr}}.card{background:linear-gradient(#ffffff73,#ffffff73) padding-box,linear-gradient(135deg,#ffffffb3,#0f172a0a,#0f172a14) border-box;border:1px solid transparent;border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.25,1,.5,1),background .28s ease,box-shadow .28s ease;display:flex;flex-direction:column}html.dark .card{background:linear-gradient(#0a0a0c73,#0a0a0c73) padding-box,linear-gradient(135deg,#ffffff1f,#ffffff08,#ffffff14) border-box}.card:hover{transform:translateY(-4px);background:linear-gradient(#ffffffa6,#ffffffa6) padding-box,linear-gradient(135deg,#ffffffb3,#0f172a1a,#0f172a2e) border-box;box-shadow:var(--shadow-lg)}html.dark .card:hover{background:linear-gradient(#0f0f128c,#0f0f128c) padding-box,linear-gradient(135deg,#fff3,#ffffff0d,#ffffff26) border-box}.card-title{font-size:1.15rem;margin-bottom:.5rem;color:var(--text-primary)}.card-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:0}.contact-container p{margin-bottom:.75rem}.contact-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.25rem}.contact-link{font-family:Outfit,sans-serif;font-weight:600;font-size:1.05rem;color:var(--text-primary);text-decoration:none;position:relative;padding-bottom:4px;transition:color .25s ease}.contact-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--accent-color);transform-origin:bottom right;transition:transform .25s ease-out}.contact-link:hover{color:var(--accent-color)}.contact-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.theme-btn{background-color:#ffffff73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .25s ease}html.dark .theme-btn{background-color:#ffffff08}.theme-btn:hover{border-color:var(--border-color-hover);color:var(--accent-color)}.theme-btn svg{width:18px;height:18px;fill:currentColor}footer{text-align:center;padding:2rem 1.25rem;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-muted);font-family:Outfit,sans-serif;margin-top:auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}