:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background-color:#764ba2}*{box-sizing:border-box}body{margin:0;padding:0;height:100vh;height:100dvh;overflow-x:hidden;background-color:#764ba2;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{width:100%;max-width:680px;margin:0 auto;min-height:100vh;min-height:100dvh}.app{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:30px;overflow-y:auto;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right))}.container{width:100%;max-width:480px;text-align:center;margin:auto 0}.profile-section{margin-bottom:40px}.avatar{margin:0 auto 24px;width:150px;height:150px;display:flex;align-items:center;justify-content:center}.avatar-placeholder{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#feca57);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 8px 32px #0000001a}.avatar-image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003;transition:transform .3s ease;margin-bottom:10px}.avatar-image:hover{transform:scale(1.05)}.name{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.bio{font-size:16px;color:#ffffffe6;margin:0;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2)}.links-container{display:flex;flex-direction:column;gap:16px}.link-button{width:100%;padding:16px 24px;background:#fffffff2;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#333;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-start;gap:16px;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.link-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff3);opacity:0;transition:opacity .2s ease;pointer-events:none}.link-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0003;background:#fff}.link-button:hover:before{opacity:1}.link-button:active{transform:translateY(-1px);transition:all .1s ease}.link-icon{font-size:24px;flex-shrink:0}.link-title{flex:1;text-align:center;margin-right:40px}@media (max-width: 768px){.container{max-width:100%;padding:0 16px}.avatar-placeholder{width:150px;height:150px;font-size:28px}.avatar-image{width:150px;height:150px}.name{font-size:20px}.bio{font-size:14px}.link-button{padding:14px 20px;font-size:15px}.link-icon{font-size:20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-section,.link-button{animation:fadeInUp .5s ease-out;animation-fill-mode:both}.link-button:nth-child(1){animation-delay:.1s}.link-button:nth-child(2){animation-delay:.15s}.link-button:nth-child(3){animation-delay:.2s}.link-button:nth-child(4){animation-delay:.25s}.link-button:nth-child(5){animation-delay:.3s}.link-button-cta{background:linear-gradient(135deg,#ff6b6b,#feca57)!important;color:#fff!important;font-weight:700!important;box-shadow:0 6px 20px #ff6b6b4d!important;border:none!important}.link-button-cta:before{background:linear-gradient(135deg,#fff3,#ffffff1a)!important}.link-button-cta:hover{background:linear-gradient(135deg,#ff5252,#ffc107)!important;transform:translateY(-4px)!important;box-shadow:0 12px 32px #ff6b6b66!important}.link-button-cta .link-icon,.link-button-cta .link-title{color:#fff!important}.brand-banner{position:fixed;top:0;left:0;width:100%;height:calc(60px + env(safe-area-inset-top));background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;z-index:10;display:flex;align-items:center;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.brand-scroll{display:flex;align-items:center;animation:scroll 60s linear infinite;white-space:nowrap;will-change:transform}.brand-item{flex-shrink:0;padding:0 40px;font-size:16px;font-weight:600;color:#fff6;filter:grayscale(100%);transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;cursor:default;white-space:nowrap}.brand-item:hover{color:#fff;filter:grayscale(0%);transform:scale(1.05)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.app{padding-top:calc(80px + env(safe-area-inset-top))}