@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--bg-color-dark: #0a0a0a;--bg-color-light: #1a1a1a;--surface-color: rgba(18, 18, 18, .6);--surface-color-hover: rgba(28, 28, 28, .8);--text-color-primary: #e8e8e8;--text-color-secondary: #a0a0a0;--accent-color: #ffff;--border-color: rgba(255, 255, 255, .06);--border-color-hover: rgba(255, 255, 255, .12);--shadow-color: rgba(0, 0, 0, .4);--font-main: "Inter";--font-size-large: 32px;--font-size-medium: 16px;--font-size-small: 12px;--font-weight-max: 600;--font-weight-min: 400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main),sans-serif;background:linear-gradient(135deg,var(--bg-color-dark) 0%,var(--bg-color-light) 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-color-primary);padding:40px 20px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;animation:grain 8s steps(10) infinite;pointer-events:none;z-index:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}30%{transform:translate(3%,-15%)}50%{transform:translate(12%,9%)}70%{transform:translate(9%,4%)}90%{transform:translate(-1%,7%)}}.container{max-width:680px;width:100%;position:relative;z-index:1;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.profile-section{text-align:center;margin-bottom:56px}.profile-image{width:120px;height:120px;border-radius:50%;margin:0 auto 24px;border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color),inset 0 1px #ffffff1a;object-fit:cover;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.profile-image:hover{transform:scale(1.05)}.profile-name{font-size:var(--font-size-large);font-weight:var(--font-weight-max);letter-spacing:-.02em;margin-bottom:8px;background:linear-gradient(135deg,var(--accent-color) 0%,#a0a0a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-bio{font-size:var(--font-size-medium);color:var(--text-color-secondary);font-weight:var(--font-weight-min);line-height:1.6;max-width:400px;margin:0 auto}.links-container{display:flex;flex-direction:column;gap:16px}.link-item{position:relative;background:var(--surface-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:20px 28px;text-decoration:none;color:var(--text-color-primary);display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.link-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .5s ease}.link-item:hover:before{left:100%}.link-item:hover{transform:translateY(-4px);background:var(--surface-color-hover);border-color:var(--border-color-hover);box-shadow:0 8px 18px var(--shadow-color)}.link-item:active{transform:translateY(-2px)}.link-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;opacity:.9}.link-content{flex:1}.link-title{font-size:var(--font-size-medium);font-weight:500;margin-bottom:2px;letter-spacing:-.01em}.link-subtitle{font-size:13px;color:var(--text-color-secondary);font-weight:var(--font-weight-min)}.link-arrow{font-size:18px;opacity:0;transform:translate(-10px);transition:all .3s ease}.link-item:hover .link-arrow{opacity:1;transform:translate(0)}.social-links{display:flex;justify-content:center;gap:20px;margin-top:48px}.social-link{width:44px;height:44px;border-radius:50%;background:var(--surface-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-color-primary);text-decoration:none;font-size:18px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.social-link:hover{transform:translateY(-4px);background:var(--surface-color-hover);border-color:#ffffff1f;box-shadow:0 8px 32px var(--shadow-color)}.footer{text-align:center;margin-top:56px;font-size:var(--font-size-small);color:var(--text-color-secondary);opacity:.5}@media (max-width: 640px){.profile-name{font-size:28px}.link-item{padding:18px 24px}.link-title{font-size:15px}}