@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #6366f1;--accent-hover: #4f46e5;font-family:Outfit,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;overflow:auto}.background-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:var(--bg-color)}.profile-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;pointer-events:none}.profile-card{padding:4rem 2rem;max-width:1000px;width:95%;margin:0 auto;text-align:center;animation:slideUp 1s ease-out forwards;pointer-events:none}h1{font-size:4.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:auto}.profile-bio{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;pointer-events:auto;text-shadow:0 2px 10px rgba(0,0,0,.5);line-height:1.6}.publish-button{background:#fff;color:#0f172a;border:none;padding:.7rem 2.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #ffffff1a;pointer-events:auto}.publish-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #fff3;letter-spacing:.5px}.publish-button:active{transform:translateY(-1px)}.publish-button:disabled{opacity:.5;cursor:not-allowed}.social-links{display:flex;gap:1.5rem;justify-content:center}.social-button{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#ffffff08;color:var(--text-primary);text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.social-button:hover{background:var(--accent-color);transform:translateY(-5px) scale(1.05);border-color:var(--accent-hover);box-shadow:0 10px 25px -5px #6366f180}.social-button svg{width:26px;height:26px}.note-controls{opacity:0;transition:opacity .2s ease}.note-card:hover .note-controls{opacity:1}.note-card{background:#ffffff0d;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:1.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.165,.84,.44,1);pointer-events:auto;text-align:left}.note-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.notepad-section{pointer-events:auto;text-align:center;margin-top:3rem;margin-left:auto;margin-right:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}