.page-container{background:linear-gradient(to bottom right,#f8fafc,#f1f5f9);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.content-wrapper{width:100%;max-width:64rem}.profile-section{text-align:center;margin-bottom:2rem}.profile-image-container{margin-bottom:1.25rem}.profile-placeholder{color:#fff;background:linear-gradient(to bottom right,#3b82f6,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 25px 50px -12px #00000040}.main-title{color:#0000;background:linear-gradient(90deg,#0f172a,#475569);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.professional-links{grid-template-columns:1fr;gap:1.5rem;max-width:28rem;margin:0 auto;display:grid}.link-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;justify-content:center;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.link-card:hover{border-color:#cbd5e1;transform:translateY(-.25rem);box-shadow:0 25px 50px -12px #00000040}.link-icon{border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin:0 auto .75rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.link-card:hover .link-icon{transform:scale(1.1)}.link-icon.github{background-color:#0f172a}.link-icon.linkedin{background-color:#2563eb}.link-icon.microphone{background:linear-gradient(120deg,#f2b134,#e2452c)}.link-icon svg{color:#fff;width:1.5rem;height:1.5rem}.link-icon.microphone svg{color:#1a0f08}.link-title{color:#0f172a;margin-bottom:.375rem;font-size:1.125rem;font-weight:600}.link-description{color:#475569;font-size:.875rem}.link-card:focus{outline-offset:2px;outline:2px solid #2563eb}@media (prefers-reduced-motion:reduce){.link-card,.link-icon,.main-title{transition:none}.link-card:hover,.link-card:hover .link-icon{transform:none}}
*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Arial,Helvetica,sans-serif}