.container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg)}.main{width:100%;max-width:640px;display:flex;flex-direction:column;gap:var(--space-3xl)}.hero{text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}.title{font-family:var(--font-family-heading);font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.2}.subtitle{font-size:clamp(1rem,2.5vw,1.125rem);font-weight:400;color:var(--color-text-secondary);letter-spacing:.01em}.divider{margin:0 var(--space-xs);color:var(--color-text-tertiary)}.bio{font-size:clamp(.9375rem,2vw,1.0625rem);font-weight:300;color:var(--color-text-secondary);line-height:1.7;max-width:540px;margin:0 auto}.links{display:flex;flex-direction:column;gap:var(--space-sm)}.link{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--color-link-bg);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-base);position:relative;overflow:hidden}.link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.03),transparent);transition:left .5s ease}.link:hover:before{left:100%}.link:hover{background-color:var(--color-link-hover);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.link:active{transform:translateY(0)}.link-primary{border-width:2px;border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-link-bg) 0%,rgba(37,99,235,.02) 100%)}.link-primary:hover{background:linear-gradient(135deg,var(--color-link-hover) 0%,rgba(37,99,235,.05) 100%);box-shadow:0 4px 16px #2563eb1a}.link-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-text-secondary);transition:color var(--transition-fast)}.link:hover .link-icon{color:var(--color-accent)}.icon{width:100%;height:100%}.link-content{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.link-name{font-size:1rem;font-weight:500;color:var(--color-text-primary);letter-spacing:-.01em}.link-description{font-size:.875rem;font-weight:400;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-arrow{flex-shrink:0;width:20px;height:20px;color:var(--color-text-tertiary);transition:all var(--transition-fast)}.link:hover .link-arrow{color:var(--color-accent);transform:translate(4px)}.footer{text-align:center;padding-top:var(--space-xl);margin-top:auto}.footer p{font-size:.875rem;color:var(--color-text-tertiary);font-weight:300}@media(max-width:640px){.container{padding:var(--space-md)}.main{gap:var(--space-2xl)}.hero{gap:var(--space-sm)}.link{padding:var(--space-md)}.link-icon{width:20px;height:20px}.link-arrow{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.link,.link-icon,.link-arrow,.link:before{transition:none}.link:hover,.link:hover .link-arrow{transform:none}}@media(prefers-contrast:high){.link{border-width:2px}.link:hover{border-width:3px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #fafafa;--color-text-primary: #1a1a1a;--color-text-secondary: #6b6b6b;--color-text-tertiary: #9b9b9b;--color-accent: #1e3a8a;--color-accent-hover: #1e40af;--color-border: #e5e5e5;--color-link-bg: #ffffff;--color-link-hover: #f5f5f5;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-heading: "Oswald", sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--transition-fast: .15s ease;--transition-base: .25s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0a0a0a;--color-text-primary: #f5f5f5;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-border: #262626;--color-link-bg: #141414;--color-link-hover: #1a1a1a}}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}