:root{--color-primary: #007AFF;--color-primary-light: #47A2FF;--color-primary-dark: #0055B3;--color-secondary: #34C759;--color-secondary-light: #70D98A;--color-secondary-dark: #248A3D;--color-accent: #FF9500;--color-accent-light: #FFB340;--color-accent-dark: #C77600;--color-success: #30D158;--color-warning: #FF9F0A;--color-error: #FF453A;--color-black: #1D1D1F;--color-gray-100: #F5F5F7;--color-gray-200: #E5E5EA;--color-gray-300: #D1D1D6;--color-gray-400: #C7C7CC;--color-gray-500: #AEAEB2;--color-gray-600: #8E8E93;--color-gray-700: #636366;--color-gray-800: #48484A;--color-gray-900: #3A3A3C;--color-white: #FFFFFF;--color-background: #FFFFFF;--color-background-secondary: #F2F2F7;--color-text-primary: #1D1D1F;--color-text-secondary: #636366;--color-text-tertiary: #8E8E93;--color-text-inverse: #FFFFFF;--color-youtube: #FF0000;--color-facebook: #1877F2;--color-instagram: #E4405F;--color-twitter: #1DA1F2;--color-website: #34C759;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji";--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .05), 0 10px 10px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:550px;margin:0 auto;padding:var(--space-2);min-height:100vh;display:flex;flex-direction:column}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) 0}.profile-image-container{position:relative;width:150px;height:150px;margin-bottom:var(--space-3)}.profile-image{width:100%;height:100%;border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:var(--shadow-md);border:3px solid var(--color-white)}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.profile-bio{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:90%;margin:0 auto;line-height:var(--line-height-relaxed)}.links-section{flex:1;padding:var(--space-2) 0}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-3);text-align:center}.footer{margin-top:var(--space-4);padding:var(--space-2) 0;text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}@media screen and (min-width: 768px){.profile-image-container{width:180px;height:180px}.profile-name{font-size:var(--font-size-3xl)}.profile-bio{font-size:var(--font-size-lg)}}@media (prefers-color-scheme: dark){body{color:var(--color-gray-100);background-color:var(--color-black)}.profile-name{color:var(--color-white)}.profile-bio{color:var(--color-gray-400)}.section-title{color:var(--color-white)}.footer{color:var(--color-gray-500)}.profile-image{border-color:var(--color-gray-900)}}.profile-image-container:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:var(--radius-full);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary),var(--color-accent),var(--color-primary));z-index:-1;opacity:.8;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile{animation:fadeIn .6s ease-out forwards}.links-container{animation:fadeIn .8s ease-out .2s backwards}.section-title{animation:fadeIn .7s ease-out .1s backwards}.footer{animation:fadeIn .9s ease-out .3s backwards}.link-card{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.link-card:hover,.link-card:focus{transform:translateY(-4px) scale(1.02)}.link-card:active{transform:translateY(0) scale(.98);transition:transform .1s}.link-arrow svg{transition:transform var(--transition-normal)}.link-card:hover .link-arrow svg,.link-card:focus .link-arrow svg{transform:translate(4px)}.links-container .link-card:nth-child(1){animation:fadeIn .5s ease-out .3s backwards}.links-container .link-card:nth-child(2){animation:fadeIn .5s ease-out .4s backwards}.links-container .link-card:nth-child(3){animation:fadeIn .5s ease-out .5s backwards}.links-container .link-card:nth-child(4){animation:fadeIn .5s ease-out .6s backwards}.links-container .link-card:nth-child(5){animation:fadeIn .5s ease-out .7s backwards}.profile-image:hover{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #007affb3}70%{box-shadow:0 0 0 10px #007aff00}to{box-shadow:0 0 #007aff00}}.links-container{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-1) 0}.link-card{display:flex;align-items:center;padding:var(--space-2);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text-primary);background-color:var(--color-white);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.link-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);margin-right:var(--space-2);flex-shrink:0;color:var(--color-white)}.link-text{flex:1}.link-text h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:.25rem;color:var(--color-text-primary)}.link-text p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.link-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-gray-500)}.youtube-link .link-icon{background-color:var(--color-youtube)}.youtube-link:hover{border-left:4px solid var(--color-youtube)}.website-link .link-icon{background-color:var(--color-website)}.website-link:hover{border-left:4px solid var(--color-website)}.facebook-link .link-icon{background-color:var(--color-facebook)}.facebook-link:hover{border-left:4px solid var(--color-facebook)}.instagram-link .link-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.instagram-link:hover{border-left:4px solid #e4405f}.twitter-link .link-icon{background-color:var(--color-twitter)}.twitter-link:hover{border-left:4px solid var(--color-twitter)}.link-card:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}@media (prefers-color-scheme: dark){.link-card{background-color:var(--color-gray-900);color:var(--color-white)}.link-text h3{color:var(--color-white)}.link-text p,.link-arrow{color:var(--color-gray-400)}}