@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Outfit:wght@300;400;600;800&family=Share+Tech+Mono&display=swap";:root{--font-sans:"Outfit", sans-serif;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--glass-bg:#ffffff12;--glass-border:#ffffff26;--glass-shadow:0 8px 32px 0 #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:#f1f3f9;-webkit-font-smoothing:antialiased;background-color:#0d0e15;min-height:100vh;overflow-x:hidden}.theme-glassmorphism{--card-bg:#ffffff0f;--card-border:#ffffff1f;--card-hover-border:#ffffff4d;--card-shadow:0 10px 30px #00000040;--accent-color:#00f2fe;--text-primary:#fff;--text-secondary:#ffffffb3;background:linear-gradient(-45deg,#1e0b36,#0b1e36,#0e302b,#2b0e25) 0 0/400% 400%;animation:15s infinite gradientBG}.theme-cyberpunk{--card-bg:#0a0a10d9;--card-border:#ff007f;--card-hover-border:#39ff14;--card-shadow:0 0 15px #ff007f4d;--accent-color:#00f2fe;--text-primary:#39ff14;--text-secondary:#00f2fe;background-color:#050508;background-image:linear-gradient(#00f2fe0d 1px,#0000 1px),linear-gradient(90deg,#00f2fe0d 1px,#0000 1px);background-size:30px 30px;font-family:Orbitron,sans-serif}.theme-cyberpunk .link-card{clip-path:polygon(0 0,95% 0,100% 30%,100% 100%,5% 100%,0 70%)}.theme-liquidgold{--card-bg:#14120ecc;--card-border:#d4af374d;--card-hover-border:#d4af37cc;--card-shadow:0 8px 32px #d4af3714;--accent-color:#d4af37;--text-primary:#f5ecc8;--text-secondary:#d4af3799;background:radial-gradient(circle,#1b160b 0%,#080705 100%)}.theme-holographic{--card-bg:#ffffff8c;--card-border:#ffffff80;--card-hover-border:#b388ff99;--card-shadow:0 10px 30px #9696c826;--accent-color:#7c4dff;--text-primary:#2a224a;--text-secondary:#65598f;background:linear-gradient(135deg,#ffe5ec 0%,#f0e6ff 40%,#e8f0fe 70%,#e8faf0 100%)}.theme-retro{--card-bg:#000f02e6;--card-border:#3f3;--card-hover-border:#6f6;--card-shadow:0 0 10px #3f33;--accent-color:#3f3;--text-primary:#3f3;--text-secondary:#3f39;background-color:#020804;background-image:radial-gradient(circle,#052608 10%,#010502 90%);font-family:Share Tech Mono,monospace}.theme-retro:after{content:" ";z-index:99999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:fixed;inset:0}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #00f2fe33}50%{box-shadow:0 0 25px #00f2fe66}}.bio-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.bio-container{background:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:480px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(12px);z-index:10;transition:var(--transition-smooth);border-radius:24px;flex-direction:column;align-items:center;padding:40px 30px;animation:6s ease-in-out infinite float;display:flex}.avatar-container{margin-bottom:24px;position:relative}.avatar-image{object-fit:cover;border:3px solid var(--accent-color);width:110px;height:110px;transition:var(--transition-smooth);border-radius:50%}.avatar-image:hover{box-shadow:0 0 20px var(--accent-color);transform:scale(1.08)}.display-name{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:24px;font-weight:800}.bio-text{color:var(--text-secondary);text-align:center;max-width:90%;margin-bottom:24px;font-size:14px;line-height:1.5}.social-links{gap:16px;margin-bottom:32px;display:flex}.social-icon{color:var(--text-secondary);transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.social-icon:hover{color:var(--accent-color);transform:scale(1.2)}.links-list{flex-direction:column;gap:16px;width:100%;margin-bottom:30px;display:flex}.link-card{background:var(--card-bg);border:1px solid var(--card-border);width:100%;color:var(--text-primary);transform-style:preserve-3d;backface-visibility:hidden;border-radius:16px;align-items:center;padding:16px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:border .25s,background-color .25s;display:flex;position:relative}.link-card:hover{border-color:var(--card-hover-border);background:#ffffff1f}.link-icon{color:var(--accent-color);margin-right:16px}.link-title{flex-grow:1}.link-arrow{opacity:.6;transition:var(--transition-smooth)}.link-card:hover .link-arrow{opacity:1;transform:translate(4px)}.footer-badge{color:var(--text-secondary);opacity:.7;letter-spacing:.5px;transition:var(--transition-smooth);font-size:11px;font-weight:600;text-decoration:none}.footer-badge:hover{opacity:1;color:var(--accent-color)}.admin-container{background-color:#0b0c10;min-height:100vh;display:flex}.admin-sidebar{border-right:1px solid #ffffff14;width:55%;padding:40px;overflow-y:auto}.admin-preview{background:radial-gradient(circle,#151620 0%,#08090d 100%);justify-content:center;align-items:center;width:45%;height:100vh;display:flex;position:sticky;top:0}.phone-mockup{background-color:#000;border:12px solid #222530;border-radius:40px;width:320px;height:640px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.phone-screen{scrollbar-width:none;width:100%;height:100%;position:relative;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}.link-icon-img{object-fit:cover;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:16px;display:inline-block}.link-clicks{opacity:.5;letter-spacing:.3px;transition:var(--transition-smooth);background:#ffffff14;border-radius:12px;flex-shrink:0;margin-right:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.theme-cyberpunk .link-clicks{border:1px solid #39ff1433;color:#39ff14!important;background:#39ff141a!important}.theme-retro .link-clicks{border:1px dashed #33ff334d;color:#33ff33b3!important;background:#33ff330d!important}.theme-liquidgold .link-clicks{border:1px solid #d4af3733;color:#d4af37!important;background:#d4af371a!important}.theme-holographic .link-clicks{color:#7c4dff!important;background:#7c4dff14!important}.phone-mockup:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#00f2fe40 0%,#0000 70%);border-radius:50px;position:absolute;inset:-15px}.phone-screen .bio-wrapper{align-items:flex-start!important;min-height:100%!important;padding:24px 12px!important}.phone-screen .bio-container{width:100%!important;max-width:100%!important;box-shadow:none!important;border-radius:24px!important;padding:24px 16px!important;animation:none!important}.phone-screen .avatar-image{width:70px!important;height:70px!important}.phone-screen .display-name{font-size:18px!important}.phone-screen .bio-text{margin-bottom:16px!important;font-size:12px!important;line-height:1.4!important}.phone-screen .social-links{gap:12px!important;margin-bottom:20px!important}.phone-screen .link-card{border-radius:12px!important;padding:12px 14px!important;font-size:14px!important}.phone-screen .link-icon,.phone-screen .link-icon-img{width:16px!important;height:16px!important;margin-right:12px!important}.phone-screen .link-arrow{width:12px!important;height:12px!important}.auth-wrapper{background:linear-gradient(135deg,#0f0c1b 0%,#050508 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:400px;padding:40px 30px;box-shadow:0 15px 35px #00000080}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:#fff9;font-size:13px;font-weight:600}.form-input{color:#fff;width:100%;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:14px}.form-input:focus{border-color:#00f2fe;outline:none;box-shadow:0 0 10px #00f2fe33}.admin-btn{color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);background:linear-gradient(90deg,#00f2fe,#4facfe);border:none;border-radius:10px;padding:14px;font-size:14px;font-weight:700}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00f2fe66}.tabs-header{border-bottom:1px solid #ffffff14;gap:12px;margin-bottom:30px;padding-bottom:15px;display:flex}.tab-btn{color:#fff9;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:600}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 5px #ffffff1a}.admin-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:24px}.link-manager-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.item-drag-handle{flex-direction:column;gap:4px;display:flex}.btn-arrow{color:#fff6;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none}.btn-arrow:hover:not(:disabled){color:#00f2fe}.btn-arrow:disabled{opacity:.2;cursor:not-allowed}.item-content{flex-grow:1}.item-actions{gap:8px;display:flex}.btn-icon{color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background:#ffffff26}.btn-icon.danger:hover{color:#ff4b4b;background:#ff4b4b33;border-color:#ff4b4b}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ffffff1a;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#39ff14}input:checked+.slider:before{transform:translate(20px)}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:24px}.stat-val{color:#00f2fe;margin-bottom:4px;font-size:36px;font-weight:800}.stat-lbl{color:#fff9;font-size:13px;font-weight:600}.chart-container{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:24px;padding:24px}.chart-title{align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.progress-list{flex-direction:column;gap:16px;display:flex}.progress-row{flex-direction:column;gap:8px;display:flex}.progress-labels{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.progress-bar-bg{background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#00f2fe,#4facfe);border-radius:4px;height:100%}.loader-wrapper{background:#0d0e15;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loader-spinner{border:4px solid #ffffff1a;border-left-color:#00f2fe;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;height:auto;overflow-y:visible}.admin-preview{width:100%;height:auto;padding:40px 0;position:relative}}.template-split .bio-container{text-align:left!important;flex-direction:row!important;align-items:stretch!important;gap:40px!important;width:100%!important;max-width:850px!important;padding:40px!important;display:flex!important}.template-split .split-layout{align-items:center!important;gap:30px!important;width:100%!important;display:flex!important}.template-split .profile-col{text-align:center!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:45%!important;padding-right:30px!important;display:flex!important}.template-split .links-col{flex-direction:column!important;justify-content:center!important;width:55%!important;display:flex!important}.template-grid .bio-container{max-width:680px!important}.template-grid .links-list{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}.template-grid .link-card{text-align:center!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;height:120px!important;padding:24px 16px!important}.template-grid .link-icon,.template-grid .link-icon-img{width:24px!important;height:24px!important;margin-bottom:10px!important;margin-right:0!important}.template-grid .link-arrow{display:none!important}.template-grid .link-clicks{margin-top:6px!important;margin-right:0!important}.template-minimal .bio-container{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}.template-minimal .link-card{background:#ffffff0a!important;border:1px solid #ffffff0d!important;border-radius:30px!important;transition:transform .2s,background .2s!important}.template-minimal .link-card:hover{background:#ffffff14!important;transform:scale(1.02)!important}.template-sidebar .bio-wrapper{align-items:stretch!important;padding:0!important}.template-sidebar .bio-container{width:100vw!important;max-width:100%!important;height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;flex-direction:row!important;margin:0!important;padding:0!important;display:flex!important}.template-sidebar .split-layout{align-items:stretch!important;width:100%!important;height:100%!important;display:flex!important}.template-sidebar .profile-col{text-align:center!important;background:#0003!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;flex-shrink:0!important;justify-content:flex-start!important;align-items:center!important;width:320px!important;padding:60px 40px!important;display:flex!important}.template-sidebar .links-col{flex-direction:column!important;flex-grow:1!important;justify-content:flex-start!important;max-width:600px!important;margin:0 auto!important;padding:60px!important;display:flex!important;overflow-y:auto!important}.template-carousel .bio-container{max-width:750px!important}.template-carousel .links-list{scrollbar-width:thin!important;flex-direction:row!important;gap:16px!important;padding:10px 5px 20px!important;display:flex!important;overflow-x:auto!important}.template-carousel .links-list::-webkit-scrollbar{height:6px!important;display:block!important}.template-carousel .links-list::-webkit-scrollbar-thumb{background:#ffffff1a!important;border-radius:3px!important}.template-carousel .link-card{text-align:center!important;border-radius:20px!important;flex-direction:column!important;justify-content:center!important;min-width:180px!important;max-width:220px!important;height:180px!important;padding:20px!important}.template-carousel .link-icon,.template-carousel .link-icon-img{margin-bottom:12px!important;margin-right:0!important}.template-carousel .link-arrow{display:none!important}.template-carousel .link-clicks{margin-top:6px!important;margin-right:0!important}.template-terminal .bio-container{text-align:left!important;color:#0f0!important;background:#050805!important;border:2px solid #0f0!important;border-radius:8px!important;font-family:Courier New,Courier,monospace!important;box-shadow:0 0 20px #00ff0026!important}.template-terminal .display-name{color:#0f0!important;text-shadow:0 0 5px #00ff0080!important;font-family:inherit!important}.template-terminal .bio-text{color:#0f0!important;opacity:.8!important}.template-terminal .link-card{color:#0f0!important;background:0 0!important;border:1px dashed #0f0!important;border-radius:4px!important}.template-terminal .link-card:hover{background:#00ff000d!important;border-style:solid!important}.template-terminal .link-clicks{color:#0f0!important;background:#00ff001a!important;border:1px solid #00ff004d!important}.template-floating .link-card{margin-bottom:24px!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important;transform:perspective(1px)translateZ(0)!important}.template-floating .link-card:nth-child(2n){transform:translate(10px)!important}.template-floating .link-card:nth-child(odd){transform:translate(-10px)!important}.template-floating .link-card:hover{transform:translateY(-5px)scale(1.02)!important;box-shadow:0 10px 20px #00f2fe26!important}.phone-screen .template-split .bio-container,.phone-screen .template-sidebar .bio-container{width:100%!important;height:auto!important;box-shadow:none!important;border:none!important;flex-direction:column!important;padding:16px!important}.phone-screen .template-split .split-layout,.phone-screen .template-sidebar .split-layout{flex-direction:column!important;gap:16px!important;height:auto!important}.phone-screen .template-split .profile-col,.phone-screen .template-sidebar .profile-col{border-bottom:1px solid #ffffff14!important;border-right:none!important;width:100%!important;padding-top:0!important;padding-bottom:16px!important;padding-right:0!important}.phone-screen .template-split .links-col,.phone-screen .template-sidebar .links-col{width:100%!important;padding:0!important}.templates-selector-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;display:grid!important}.template-card-option{cursor:pointer!important;background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:12px!important;padding:16px!important;transition:all .2s!important;position:relative!important}.template-card-option:hover{background:#ffffff0f!important;border-color:#ffffff1f!important;transform:translateY(-2px)!important}.template-card-option.active{background:#00f2fe0d!important;border-color:#00f2fe!important}.template-card-option .radio-circle{border:2px solid #ffffff4d!important;border-radius:50%!important;flex-shrink:0!important;width:14px!important;height:14px!important;margin-right:10px!important;transition:all .2s!important;display:inline-block!important}.template-card-option.active .radio-circle{background:#00f2fe!important;border-color:#00f2fe!important;box-shadow:0 0 6px #00f2fe!important}.template-card-header{align-items:center!important;display:flex!important}