:root{--primary-color:#0a0a0a;--primary-hover:#1a1a1a;--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-rgb:99, 102, 241;--text-primary:#0a0a0a;--text-secondary:#525252;--text-muted:#737373;--background:#fafafa;--surface:#fff;--border:#e4e4e7;--shadow:#0000000a;--shadow-hover:#0000001f;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Inter", sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--primary-color:#fafafa;--primary-hover:#e4e4e7;--accent-color:#8b5cf6;--accent-hover:#7c3aed;--accent-rgb:139, 92, 246;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#737373;--background:#0a0a0a;--surface:#111;--border:#262626;--shadow:#0000004d;--shadow-hover:#00000080}}*{box-sizing:border-box;margin:0;padding:0}svg{max-width:100%;height:auto;display:block}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{background:var(--background);color:var(--text-primary);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100dvw;height:100dvh;position:relative;overflow:hidden}body:before{content:"";background:radial-gradient(circle at center, var(--accent-color) 0%, var(--accent-hover) 50%, var(--accent-color) 100%);opacity:.05;z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.container{width:100dvw;height:100dvh;padding:var(--spacing-xl);background:var(--background);z-index:1;justify-content:center;align-items:center;display:flex;position:relative;overflow-x:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 1px 3px var(--shadow), 0 1px 2px #00000005;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:32rem;transition:all var(--transition-normal);animation:.8s cubic-bezier(.4,0,.2,1) fadeInUp;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-color), transparent);opacity:0;height:1px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:0 20px 25px -5px var(--shadow-hover), 0 10px 10px -5px #0000000a;border-color:var(--accent-color);transform:translateY(-8px)}.card:hover:before{opacity:1}.card-content{padding:var(--spacing-3xl);text-align:center;z-index:1;position:relative}.name{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.025em;background:linear-gradient(135deg, var(--text-primary), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:2s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 5px #6366f133}to{text-shadow:0 0 20px #6366f166,0 0 30px #6366f133}}.title{font-size:var(--font-size-xl);color:var(--accent-color);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:var(--font-size-sm);min-height:1.5em;position:relative}.title:after{content:"|";color:var(--accent-color);animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:26rem;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.6}.location{color:var(--accent-color);background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;position:relative}.location:after{content:"";background:var(--accent-color);opacity:.3;border-radius:var(--radius-full);width:100%;height:2px;position:absolute;bottom:-2px;left:0}.tech-badges{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.tech-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);color:var(--accent-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#6366f11a;border:1px solid #6366f133;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.tech-badge:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tech-badge:hover:before{left:100%}.tech-badge:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #6366f14d}.social-links{justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@media (width>=1024px){.card{max-width:36rem}.card-content{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-2xl)}.name{margin-bottom:var(--spacing-md);font-size:3rem}.title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl)}.description{font-size:var(--font-size-xl);max-width:28rem;margin-bottom:var(--spacing-2xl)}.social-links{gap:var(--spacing-lg)}.social-link{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-base)}}@media (width>=768px) and (width<=1023px){.container{padding:var(--spacing-xl)}.card{max-width:32rem}.card-content{padding:var(--spacing-2xl)}.name{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.description{font-size:var(--font-size-lg);max-width:26rem;margin-bottom:var(--spacing-2xl)}.social-links{gap:var(--spacing-md)}.social-link{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm)}}@media (width<=767px){.container{padding:var(--spacing-lg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.card{margin:var(--spacing-md);min-width:280px;max-width:calc(100dvw - 2rem)}.card-content{padding:var(--spacing-xl) var(--spacing-lg)}.name{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);line-height:1.1}.title{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);letter-spacing:.08em}.description{font-size:var(--font-size-base);margin-bottom:var(--spacing-xl);max-width:none;line-height:1.5}.social-links{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center}.social-link{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap;min-width:0}.social-icon{width:.875rem;height:.875rem}}@media (width<=480px){.container{padding:var(--spacing-md)}.card{margin:var(--spacing-sm);max-width:calc(100dvw - 1rem)}.card-content{padding:var(--spacing-lg) var(--spacing-md)}.name{font-size:var(--font-size-2xl)}.description{font-size:var(--font-size-sm);line-height:1.4}.social-links{margin-top:var(--spacing-md);gap:2px}.social-link{padding:var(--spacing-xs);white-space:nowrap;min-width:0;font-size:.75rem}.social-icon{width:.75rem;height:.75rem}}@media (width<=767px) and (orientation:landscape){.container{padding:var(--spacing-md)}.card{max-width:28rem}.card-content{padding:var(--spacing-lg)}.name{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.title{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);line-height:1.4}.social-links{gap:var(--spacing-xs);flex-direction:row}.social-link{padding:var(--spacing-xs) var(--spacing-sm);width:auto;max-width:none;font-size:.75rem}}.social-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.card-content:after{content:"";background:linear-gradient(45deg, transparent, var(--accent-color), transparent);z-index:-1;border-radius:var(--radius-xl);opacity:0;transition:opacity var(--transition-normal);position:absolute;inset:-2px}.card:hover .card-content:after{opacity:.1}.social-link{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:400;font-size:var(--font-size-sm);transition:all var(--transition-fast);background:0 0;border:none;min-width:0;text-decoration:none;display:inline-flex;position:relative}.social-link:hover{color:var(--text-secondary)}.social-icon{width:.875rem;height:.875rem;transition:opacity var(--transition-fast);opacity:.8;flex-shrink:0;max-width:.875rem;max-height:.875rem;display:block}.social-link:hover .social-icon{opacity:1}.cta-section{margin:var(--spacing-xl) 0 var(--spacing-lg) 0;text-align:center}.cta-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--accent-color);color:#fff;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);border:2px solid var(--accent-color);text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.cta-button:before{content:"";width:100%;height:100%;transition:left var(--transition-normal);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.cta-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #6366f166}.cta-button:hover:before{left:100%}.cta-button:hover .social-icon{transform:scale(1.1)}
