@import "https://fonts.googleapis.com/css2?family=Anton+SC&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,Arial,sans-serif}.linktree-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.linktree-page:before{content:"";background:radial-gradient(ellipse at 30% 20%, rgba(var(--primary-rgb), .08) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(var(--secondary-rgb), .06) 0%, transparent 50%);pointer-events:none;z-index:0;width:200%;height:200%;animation:20s ease-in-out infinite alternate bgShift;position:absolute;top:-50%;left:-50%}@keyframes bgShift{0%{transform:translate(0)rotate(0)}to{transform:translate(-3%,-3%)rotate(3deg)}}.profile-section,.links-section{z-index:1;flex-direction:column;align-items:center;width:min(500px,90%);display:flex;position:relative}.profile-photo-wrapper{margin-bottom:16px;position:relative}.profile-photo-wrapper:after{content:"";background:conic-gradient(var(--color-secondary), var(--color-primary), var(--color-secondary));z-index:-1;border-radius:50%;animation:6s linear infinite rotateGlow;position:absolute;inset:-6px}@keyframes rotateGlow{to{transform:rotate(360deg)}}.profile-photo{object-fit:cover;border:4px solid var(--color-bg);z-index:1;border-radius:50%;width:140px;height:140px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.profile-photo:hover{transform:scale(1.05)}.profile-name{letter-spacing:2px;color:var(--color-secondary);text-shadow:0 2px 20px rgba(var(--secondary-rgb), .3);margin-bottom:6px;font-family:Anton SC,Arial,sans-serif;font-size:2.4em;line-height:1.1}.profile-bio{color:var(--color-text);white-space:pre-line;max-width:320px;font-size:.9em;font-weight:300;line-height:1.6}.links-section{gap:16px}.link-button{background-color:var(--color-secondary);width:100%;color:var(--color-primary);letter-spacing:1.5px;text-align:center;border:none;border-bottom:4px solid var(--color-primary);border-right:5px solid var(--color-primary);cursor:pointer;border-radius:16px;padding:18px 28px;font-family:Anton SC,Arial,sans-serif;font-size:1.05em;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.link-button:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.link-button:hover:before{opacity:1}.link-button:hover{background-color:var(--color-primary);color:var(--color-secondary);border-bottom-color:var(--color-secondary);border-right-color:var(--color-secondary);box-shadow:0 8px 25px rgba(var(--secondary-rgb), .25);transform:translateY(-3px)}.link-button:active{transform:translateY(0)}.link-button.special{background-color:var(--color-primary);color:var(--color-secondary);border-bottom-color:var(--color-secondary);border-right-color:var(--color-secondary);box-shadow:0 4px 20px rgba(var(--primary-rgb), .3)}.link-button.special:hover{background-color:var(--color-secondary);color:var(--color-primary);border-bottom-color:var(--color-primary);border-right-color:var(--color-primary);box-shadow:0 8px 25px rgba(var(--primary-rgb), .4)}.link-button{opacity:0;animation:.5s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-section{opacity:0;animation:.6s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-container{color:#e1e8ed;background:#0f1419;min-height:100vh;font-family:Inter,Poppins,sans-serif}.login-screen{background:#0f1419;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:linear-gradient(145deg,#1a2332,#15202b);border:1px solid #ffffff0f;border-radius:20px;width:min(420px,100%);padding:48px 40px;box-shadow:0 20px 60px #0006}.login-card h1{letter-spacing:2px;background:linear-gradient(135deg,#42d6fb,#ea5d36);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Anton SC,sans-serif;font-size:2em}.login-card p{color:#657786;margin-bottom:32px;font-size:.9em}.login-card .input-group{margin-bottom:24px}.login-card label{text-transform:uppercase;letter-spacing:1px;color:#8899a6;margin-bottom:8px;font-size:.8em;font-weight:600;display:block}.login-card input[type=password]{color:#e1e8ed;background:#192734;border:2px solid #ffffff0f;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:1em;transition:border-color .3s}.login-card input[type=password]:focus{border-color:#42d6fb}.login-error{color:#ff6b6b;margin-top:8px;font-size:.85em;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.btn-primary{color:#0f1419;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#42d6fb,#3bc4e8);border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:.95em;font-weight:700;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #42d6fb4d}.btn-primary:active{transform:translateY(0)}.admin-panel{min-height:100vh;display:flex}.admin-sidebar{background:#15202b;border-right:1px solid #ffffff0f;flex-direction:column;width:280px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar h2{letter-spacing:2px;background:linear-gradient(135deg,#42d6fb,#ea5d36);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-family:Anton SC,sans-serif;font-size:1.4em}.admin-nav{flex-direction:column;flex:1;gap:4px;list-style:none;display:flex}.admin-nav li{cursor:pointer;color:#8899a6;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.9em;font-weight:500;transition:all .2s;display:flex}.admin-nav li:hover{color:#e1e8ed;background:#ffffff0a}.admin-nav li.active{color:#42d6fb;background:#42d6fb1a}.admin-nav-icon{font-size:1.2em}.admin-logout{cursor:pointer;color:#ff6b6b;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;margin-top:auto;padding:12px 16px;font-size:.9em;font-weight:500;transition:all .2s;display:flex}.admin-logout:hover{background:#ff6b6b1a}.admin-main{flex:1;margin-left:280px;padding:32px 40px}.admin-main h3{color:#e1e8ed;margin-bottom:24px;font-size:1.6em;font-weight:700}.form-section{background:linear-gradient(145deg,#1a2332,#15202b);border:1px solid #ffffff0f;border-radius:16px;margin-bottom:20px;padding:28px}.form-section h4{color:#8899a6;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff0f;margin-bottom:18px;padding-bottom:12px;font-size:1em;font-weight:600}.form-group{margin-bottom:20px}.form-group label{text-transform:uppercase;letter-spacing:1px;color:#8899a6;margin-bottom:8px;font-size:.8em;font-weight:600;display:block}.form-group input[type=text],.form-group input[type=url],.form-group textarea{color:#e1e8ed;background:#192734;border:2px solid #ffffff0f;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Inter,Poppins,sans-serif;font-size:.95em;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#42d6fb}.form-group textarea{resize:vertical;min-height:80px}.photo-upload{align-items:center;gap:20px;display:flex}.photo-preview{object-fit:cover;border:3px solid #ffffff1a;border-radius:50%;width:80px;height:80px}.photo-upload-btn{color:#8899a6;cursor:pointer;background:#192734;border:2px dashed #ffffff26;border-radius:10px;padding:10px 20px;font-size:.85em;transition:all .3s}.photo-upload-btn:hover{color:#42d6fb;border-color:#42d6fb}.color-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.color-item{align-items:center;gap:12px;display:flex}.color-item label{flex:1;margin-bottom:0!important}.color-item input[type=color]{appearance:none;cursor:pointer;background:0 0;border:2px solid #ffffff1a;border-radius:10px;width:44px;height:44px;padding:2px}.color-item input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-item input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.link-editor-item{background:#192734;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:12px;padding:18px;transition:all .3s;position:relative}.link-editor-item:hover{border-color:#ffffff1f}.link-editor-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.link-editor-drag{cursor:grab;color:#657786;padding:4px;font-size:1.2em}.link-editor-actions{gap:8px;display:flex}.link-editor-actions button{cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:.75em;font-weight:600;transition:all .2s}.btn-special{color:#42d6fb;background:#42d6fb26}.btn-special:hover{background:#42d6fb40}.btn-special.active{color:#0f1419;background:#42d6fb}.btn-delete{color:#ff6b6b;background:#ff6b6b26}.btn-delete:hover{background:#ff6b6b40}.link-editor-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.link-editor-fields input{color:#e1e8ed;background:#15202b;border:1px solid #ffffff0f;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9em;transition:border-color .3s}.link-editor-fields input:focus{border-color:#42d6fb}.btn-add-link{color:#657786;cursor:pointer;background:0 0;border:2px dashed #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:.9em;transition:all .3s;display:flex}.btn-add-link:hover{color:#42d6fb;border-color:#42d6fb}.save-bar{z-index:100;background:linear-gradient(#0000,#0f1419 40%);justify-content:flex-end;align-items:center;gap:16px;padding:16px 40px;display:flex;position:fixed;bottom:0;left:280px;right:0}.save-bar .btn-save{color:#0f1419;cursor:pointer;background:linear-gradient(135deg,#42d6fb,#3bc4e8);border:none;border-radius:12px;padding:12px 32px;font-size:.95em;font-weight:700;transition:all .3s}.save-bar .btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #42d6fb4d}.save-bar .btn-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.save-status{color:#657786;font-size:.85em}.save-status.success{color:#4ecdc4}.save-status.error{color:#ff6b6b}.preview-frame{background:var(--preview-bg,#182134);text-align:center;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:380px;margin:0 auto;padding:32px 20px;display:flex}.preview-photo{object-fit:cover;border:3px solid var(--preview-secondary,#ea5d36);border-radius:50%;width:80px;height:80px}.preview-name{letter-spacing:1px;color:var(--preview-secondary,#ea5d36);font-family:Anton SC,sans-serif;font-size:1.4em}.preview-bio{color:var(--preview-text,#ccc);white-space:pre-line;font-size:.75em;font-weight:300}.preview-link{letter-spacing:1px;text-align:center;background:var(--preview-secondary,#ea5d36);width:100%;color:var(--preview-primary,#42d6fb);border-bottom:3px solid var(--preview-primary,#42d6fb);border-right:4px solid var(--preview-primary,#42d6fb);border-radius:12px;padding:12px 20px;font-family:Anton SC,sans-serif;font-size:.85em;text-decoration:none;display:block}.preview-link.special{background:var(--preview-primary,#42d6fb);color:var(--preview-secondary,#ea5d36);border-bottom-color:var(--preview-secondary,#ea5d36);border-right-color:var(--preview-secondary,#ea5d36)}@media screen and (max-width:768px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding:20px}.save-bar{padding:16px 20px;left:0}.link-editor-fields{grid-template-columns:1fr}.admin-mobile-nav{z-index:100;background:#15202b;border-bottom:1px solid #ffffff0f;gap:8px;padding:12px 16px;position:fixed;top:0;left:0;right:0;overflow-x:auto;display:flex!important}.admin-mobile-nav button{color:#8899a6;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:.8em;font-weight:600}.admin-mobile-nav button.active{color:#42d6fb;background:#42d6fb1a}.admin-main{padding-top:72px}}.admin-mobile-nav{display:none}.btn-move{cursor:pointer;color:#8899a6;background:#ffffff0f;border:none;border-radius:8px;padding:6px 10px;font-size:.8em;transition:all .2s}.btn-move:hover{color:#e1e8ed;background:#ffffff1f}.btn-move:disabled{opacity:.3;cursor:not-allowed}