:root{--primary-color: #2563eb;--secondary-color: #1e40af;--accent-color: #f59e0b;--success-color: #10b981;--error-color: #ef4444;--text-color: #1e293b;--text-light: #f8fafc;--text-muted: #64748b;--background-color: #f8fafc;--card-bg: #ffffff;--sidebar-color: linear-gradient(180deg, var(--secondary-color) 0%, var(--primary-color) 100%);--tag-bg: #e2e8f0;--input-bg: #ffffff;--input-border: #e2e8f0;--intermidiate: #93c5fd;--begginer: #dbeafe;--roundness: 8px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-size-base: 16px;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--transition-time: .3s;--transition-type: ease}[data-theme=dark]{--primary-color: #3b82f6;--secondary-color: #1e40af;--background-color: #0f172a;--sidebar-color: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--card-bg: #1e293b;--text-color: #f8fafc;--tag-bg: #334155;--input-bg: #1e293b;--input-border: #334155;--intermidiate: var(--secondary-color);--begginer: var(--background-color)}@font-face{font-family:Sahel;src:url(/assets/Sahel-VF-C2eaLUTL.ttf) format("truetype"),url(/assets/Sahel-VF-B1OlboQ2.woff2) format("woff2")}html{font-size:var(--font-size-base);line-height:var(--line-height);transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,border-color .3s ease;box-sizing:border-box;font-family:Sahel,calibri,system-ui,-apple-system,sans-serif;scroll-behavior:smooth}body{display:flex;margin:0;min-height:100vh;color:var(--text-color);background-color:var(--background-color);transition:background-color var(--transition-time) var(--transition-type),color var(--transition-time) var(--transition-type)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}#sidebar{background:var(--sidebar-color);display:flex;flex-direction:column;padding:2rem 1rem;align-items:center;color:var(--text-light);box-shadow:var(--shadow)}#avatar{width:150px;height:150px;border-radius:50%;border:4px solid var(--accent-color);object-fit:cover;margin-bottom:1.5rem}#main-nav{width:100%;margin:var(--space-lg) 0}#sidebar #menu{width:100%;padding:10px;margin:0;list-style:none}#menu li{margin-bottom:var(--space-sm)}#menu .item{display:block;background-color:#ffffff1a;border-radius:var(--roundness);text-decoration:none;color:var(--text-light);padding:var(--space-md) var(--space-lg);transition:all var(--transition-time) var(--transition-type)}#menu .item:hover{background-color:#fff3;transform:translate(-5px);box-shadow:var(--shadow)}main{flex:8;padding:2rem;background-color:var(--background-light)}main section{background-color:var(--card-bg);border-radius:var(--roundness);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow)}#sidebar #socialmedia{display:flex;gap:10px;direction:ltr}#sidebar #socialmedia .iconbtn>svg{width:35px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-weight:600;text-decoration:none;border-radius:var(--roundness);margin-block:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;transition:all var(--transition-time) var(--transition-type);position:relative;overflow:hidden}#sidebar #socialmedia .iconbtn{padding:0}#sidebar #socialmedia .iconbtn>img{width:2.5em;aspect-ratio:1/1}.btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-light);font-weight:700;border:none}.btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.tags span{background-color:var(--tag-bg);color:var(--text-color);padding:var(--space-xs) var(--space-sm);border-radius:9999px;font-size:var(--font-size-sm);transition:all var(--transition-time) var(--transition-type)}.tags span:hover{transform:translateY(-3px);box-shadow:var(--shadow)}#expert .tags span{background-color:var(--primary-color);color:#fff}#intermidiate .tags span{background-color:var(--intermidiate)}#begginner .tags span{background-color:var(--begginer)}form{display:flex;flex-direction:column;gap:var(--space-md)}.input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}label{font-weight:600;color:var(--text-color)}input,textarea{padding:var(--space-md);border-radius:var(--roundness);border:1px solid var(--input-border);width:100%;background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-color);transition:all var(--transition-time) var(--transition-type)}input:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb33;outline:none}.theme-toggle{position:fixed;bottom:20px;left:20px;background:var(--accent-color);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);z-index:100}@media screen and (max-width: 1024px){body{flex-direction:column}#sidebar{padding:var(--space-xl);text-align:center}#avatar{width:150px;height:150px}#socialmedia{justify-content:center}}@media screen and (max-width: 640px){:root{--font-size-base: 14px}.input-group{grid-template-columns:1fr}}