:root{--primary-color: #0D21A1;--secondary-color: #011638;--accent-color: #EEC643;--success-color: #10b981;--error-color: #ef4444;--sidebar-nav-btn: rgba(255, 255, 255, .1);--sidebar-nav-btn-hover: rgba(255, 255, 255, .2);--text-color: #1e293b;--text-light: #f8fafc;--text-muted: #64748b;--background-color: #f8fafc;--card-bg: #ffffff;--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: -6px 13px 22px -12px rgba(0, 0, 0, .1);--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: #0f1c70;--secondary-color: #041633;--background-color: #04071b;--card-bg: #0a0e29;--text-color: #f8fafc;--tag-bg: #334155;--input-bg: #1e293b;--input-border: #334155;--intermidiate: var(--secondary-color);--begginer: var(--background-color);--accent-color: #766429}@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{min-width:350px;background-color:var(--primary-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}#main-nav a{display:block;background-color:var(--sidebar-nav-btn);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);margin-bottom:var(--space-sm)}#main-nav a:hover{background-color:var(--sidebar-nav-btn-hover);transform:translate(-5px);box-shadow:var(--shadow)}#sidebar #socialmedia{display:flex;gap:10px;direction:ltr}#sidebar #socialmedia .iconbtn{background-color:var(--sidebar-nav-btn);border-radius:var(--roundness);display:flex;justify-content:center;align-items:center;width:2.7rem;aspect-ratio:1/1;transition:all var(--transition-time) var(--transition-type)}#sidebar #socialmedia .iconbtn:hover{background-color:var(--sidebar-nav-btn-hover);transform:translateY(-5px);box-shadow:var(--shadow);cursor:pointer}#sidebar #socialmedia .iconbtn>img{width:2.2em;aspect-ratio:1/1}main{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-lg);text-align:justify}.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}.btn.primary{background-color:var(--primary-color);color:var(--text-light);font-weight:700;border:none}.btn: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);color:var(--primary-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}}