:root{--primary-color: #1DA1F2;--text-color: #e1e1e1;--bg-color: #000000;--card-bg: #141414;--hover-color: #2a2a2a;--border-color: #333333}*{margin:0;padding:0;box-sizing:border-box}a{color:var(--primary-color);text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.container{display:grid;grid-template-columns:400px 1fr;min-height:100vh}@media (max-width: 768px){.container{grid-template-columns:1fr}}.sidebar{padding:0;border-right:1px solid var(--border-color);background-color:var(--card-bg)}@media (max-width: 768px){.sidebar{border-right:none;border-bottom:1px solid var(--border-color)}}.profile{text-align:left;margin-bottom:2rem;position:relative}.profile-background{width:100%;height:200px;overflow:hidden;margin-bottom:60px}@media (max-width: 768px){.profile-background{height:150px;margin-bottom:50px}}.profile-background img{width:100%;height:100%;object-fit:cover}.profile-image{width:132px;height:132px;border-radius:50%;border:4px solid var(--bg-color);overflow:hidden;position:absolute;left:1rem;top:134px;background-color:var(--bg-color)}@media (max-width: 768px){.profile-image{width:100px;height:100px;left:50%;top:100px;transform:translate(-50%)}}.profile-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.profile-content{padding:1rem 1.5rem}@media (max-width: 768px){.profile-content{text-align:center;padding:1rem}}.profile-name{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}@media (max-width: 768px){.profile-name{font-size:1.25rem}}.profile-username{color:var(--text-color);opacity:.6;margin-bottom:1rem}.profile-bio{margin-bottom:1rem;line-height:1.5}@media (max-width: 768px){.profile-bio{font-size:.9rem}}.profile-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-color);opacity:.8}@media (max-width: 768px){.profile-meta{justify-content:center;font-size:.9rem}}.profile-meta span{display:flex;align-items:center;gap:.5rem}.profile .edit-profile{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:9999px;background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);font-weight:600;cursor:pointer;transition:background-color .2s}@media (max-width: 768px){.profile .edit-profile{position:static;margin:1rem auto;display:block}}.profile .edit-profile:hover{background-color:var(--hover-color)}.newsletter-signup{margin:2rem 1.5rem}.newsletter-signup p{margin-bottom:1rem}.newsletter-signup form{display:flex;flex-direction:column;gap:.5rem}.newsletter-signup input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color)}.newsletter-signup button{padding:.75rem;background:var(--primary-color);border:none;border-radius:4px;color:#000;font-weight:700;cursor:pointer;transition:opacity .2s}.newsletter-signup button:hover{opacity:.9}.social-title{margin:1rem 1.5rem;font-size:1rem;font-weight:600}.social-links{display:flex;justify-content:start;gap:1rem;margin:0 1.5rem}.social-links .social-link{color:var(--text-color);text-decoration:none;font-size:1.5rem;opacity:.8;transition:opacity .2s}.social-links .social-link:hover{opacity:1}.content{padding:2rem}@media (max-width: 768px){.content{padding:1rem}}.theme-toggle{position:fixed;top:1rem;right:1rem}@media (max-width: 768px){.theme-toggle{top:.5rem;right:.5rem}}.theme-toggle button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s}.theme-toggle button:hover{background-color:var(--hover-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:1rem}}.project-card{background-color:var(--card-bg);border-radius:8px;padding:1.5rem;transition:transform .2s;position:relative}@media (max-width: 768px){.project-card{padding:1rem}}.project-card .project-image{width:24px;height:24px;border-radius:50%}.project-card:hover{transform:translateY(-2px)}.project-card h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}@media (max-width: 768px){.project-card h3{font-size:1.1rem}}.project-card .price{color:var(--primary-color);font-weight:700;margin-left:auto}.project-card .description{margin-bottom:1rem;opacity:.8}@media (max-width: 768px){.project-card .description{font-size:.9rem}}.project-card .chart-container{position:relative;height:100px;width:100%;margin-top:1rem}.profile-logo{height:28px;width:auto;vertical-align:middle;border-radius:6px;margin-left:8px}