:root{--bg-color: #0f172a;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #a855f7;--accent-hover: #9333ea;--accent-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.centered-layout{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;width:100%}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.15) 0%,transparent 40%);animation:pulseBg 10s ease-in-out infinite alternate}@keyframes pulseBg{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.container{width:100%;max-width:480px;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;z-index:1}.profile-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeInDown .8s ease-out}.profile-image-container{padding:4px;background:var(--accent-gradient);border-radius:50%;margin-bottom:.5rem;box-shadow:0 10px 30px #0000004d}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-color);display:block}.user-name{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin-top:.5rem}.user-bio{color:var(--text-secondary);font-size:1rem;font-weight:300}.links-section{display:flex;flex-direction:column;gap:1rem;animation:fadeInUp 1s ease-out .2s backwards}.link-card{display:flex;align-items:center;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;text-decoration:none;color:var(--text-primary);transition:all .3s cubic-bezier(.25,.8,.25,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;cursor:pointer}.link-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:.5s}.link-card:hover{background:var(--card-hover);transform:translateY(-4px) scale(1.01);box-shadow:0 10px 20px #0003;border-color:#ffffff26}.link-card:hover:before{transform:translate(100%)}.link-card:active{transform:scale(.98)}.icon-wrapper{width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-size:1.25rem;margin-right:1rem;color:var(--text-secondary);transition:color .3s}.link-card:hover .icon-wrapper{color:#fff}.link-text{flex-grow:1;font-weight:500;font-size:1.05rem}.share-icon{font-size:.85rem;opacity:0;transform:translate(-10px);transition:all .3s ease;color:var(--text-secondary)}.link-card:hover .share-icon{opacity:.6;transform:translate(0)}.link-card.special{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#a855f733}.link-card.special:hover{background:linear-gradient(135deg,#6366f133,#a855f733)}.footer{text-align:center;color:var(--text-secondary);font-size:.85rem;margin-top:2rem;opacity:.6;animation:fadeIn 1s ease 1s backwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.container{padding:1.5rem 1rem}.user-name{font-size:1.5rem}}.dashboard-container{display:flex;min-height:100vh;background:var(--bg-color)}.sidebar{width:260px;border-right:1px solid var(--card-border);background:#0f172af2;display:flex;flex-direction:column;padding:1.5rem;position:fixed;height:100%;z-index:50;transition:transform .3s ease-in-out}.sidebar-header{margin-bottom:2rem;display:flex;align-items:center;gap:10px}.logo-icon{width:32px;height:32px;border-radius:8px;background:var(--accent-gradient)}.nav-menu{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--text-secondary);background:transparent;transition:all .2s;font-weight:400}.nav-item.active{color:#fff;background:#ffffff0d;font-weight:500}.sidebar-footer{margin-top:auto;border-top:1px solid var(--card-border);padding-top:1rem}.user-info{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:#334155;display:flex;align-items:center;justify-content:center}.logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:none;color:#f87171;cursor:pointer;font-size:.9rem;border-radius:8px;transition:background .2s}.logout-btn:hover{background:#f871711a}.main-content{margin-left:260px;flex-grow:1;padding:2rem;max-width:calc(100% - 660px);min-height:100vh;overflow-y:auto}.preview-sidebar{width:400px;border-left:1px solid var(--card-border);background:var(--bg-color);position:fixed;right:0;top:0;height:100%;display:flex;flex-direction:column;z-index:40}.preview-header{padding:1.5rem;border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.preview-content{flex-grow:1;background:#000;display:flex;justify-content:center;align-items:center}.mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:60;background:var(--card-bg);border:1px solid var(--card-border);color:#fff;padding:8px;border-radius:8px;cursor:pointer}.overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:45}@media(max-width:1024px){.preview-sidebar{display:none}.main-content{max-width:calc(100% - 260px)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;max-width:100%;padding:4rem 1rem 2rem}.mobile-toggle,.overlay.open{display:block}}