:root{--lnb-bg:#ffffff;--lnb-canvas-bg:#ffffff;--lnb-avatar-border:rgba(255, 255, 255, 1);--lnb-bg-image:none;--lnb-radius-card:28px;--lnb-radius-btn:16px;--lnb-shadow-sm:0 2px 8px rgba(0, 0, 0, .12);--lnb-shadow-md:0 10px 30px rgba(0, 0, 0, .12);--lnb-focus:#4c8bf5}*,*::before,*::after{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2937;background-color:var(--lnb-bg);background-image:var(--lnb-bg-image);background-size:cover;background-position:center;background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;padding:clamp(20px, 6vw, 40px) 16px 56px}.profile{position:relative;z-index:2;text-align:center;margin-bottom:-60px}.avatar-wrapper{position:relative;z-index:3;width:120px;height:120px;margin:0 auto;border-radius:50%;border:4px solid var(--lnb-avatar-border);background:rgb(255 255 255 / .3);box-shadow:0 0 0 4px rgb(0 0 0 / .04),0 8px 24px rgb(0 0 0 / .18);overflow:hidden;display:grid;place-items:center}.avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.username{margin:0 0 16px;text-align:center;font-size:clamp(18px, 4.5vw, 22px);font-weight:700;color:#374151;word-break:break-word}.canvas{position:relative;z-index:1;width:100%;padding:76px 18px 24px;border-radius:var(--lnb-radius-card);background:var(--lnb-canvas-bg);box-shadow:var(--lnb-shadow-md)}.social-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 22px}.social-icon{display:grid;place-items:center;width:clamp(44px, 12vw, 56px);height:clamp(44px, 12vw, 56px);border-radius:50%;background:#fff;box-shadow:var(--lnb-shadow-sm);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.social-icon:hover,.social-icon:focus-visible{transform:translateY(-3px);box-shadow:0 6px 16px rgb(0 0 0 / .2)}.social-icon-container{display:grid;place-items:center;width:56%;height:56%}.social-icon-container svg,.social-icon-container img{width:100%;height:100%;object-fit:contain}.social-icon-container img.is-circle{border-radius:50%;object-fit:cover}.button-container{display:flex;flex-direction:column;gap:14px}.button{display:block;line-height:0;border-radius:var(--lnb-radius-btn);overflow:hidden;box-shadow:0 4px 14px rgb(0 0 0 / .10);transition:transform .2s ease,box-shadow .2s ease}.button img{width:100%;height:auto;display:block;border-radius:var(--lnb-radius-btn);aspect-ratio:1844 / 650;object-fit:cover}.button:hover,.button:focus-visible{transform:translateY(-3px) scale(1.01);box-shadow:0 10px 24px rgb(0 0 0 / .18)}@media (min-width:768px){.container{max-width:620px;padding:clamp(32px, 5vw, 56px) 20px 64px}.profile{margin-bottom:-76px}.avatar-wrapper{width:152px;height:152px;border-width:5px}.username{font-size:26px;margin-bottom:18px}.canvas{padding:94px 28px 32px;border-radius:32px}.social-icons{gap:16px;margin-bottom:26px}.social-icon{width:60px;height:60px}.button-container{gap:18px}}@media (min-width:1200px){.container{max-width:700px}.profile{margin-bottom:-86px}.avatar-wrapper{width:172px;height:172px}.username{font-size:30px}.canvas{padding-top:106px}.social-icon{width:66px;height:66px}}a:focus-visible{outline:3px solid var(--lnb-focus);outline-offset:3px}#particles-js{position:fixed;inset:0;width:100%;height:100%;z-index:0}hr{display:none}#footer{display:none!important}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}#particles-js{display:none}}