:root{--primary:#2776ea;--primary-light:#66a3ff;--primary-dark:#1a5bbf;--accent:#7bdcfe;--text-dark:#1a1a2e;--text-muted:#64748b;--bg-white:#fff;--bg-light:#f8fafc;--card-shadow:0 4px 20px #2776ea14;--card-shadow-hover:0 20px 60px #2776ea2e;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:.35s cubic-bezier(.4, 0, .2, 1);--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--bg-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%2366a3ff' fill-opacity='0.03' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");overflow-x:hidden}img,embed{max-width:100%}a,a:hover{text-decoration:none!important}::selection{color:#fff;background:var(--primary)}*{scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:20px}.row{margin:0;padding:0}.btn:active,.btn:focus{box-shadow:none!important;outline:0!important}.btn:focus-visible{outline-offset:2px!important;box-shadow:none!important;outline:3px solid #66a3ff!important}.navbar-toggler:focus{box-shadow:none!important;outline:0!important}.navbar-toggler:focus-visible{outline-offset:2px!important;outline:3px solid #66a3ff!important}.navbar-toggler:active{box-shadow:none!important;outline:0!important}.nav{background-color:var(--primary);border-bottom:2px solid #66a3ff4d;padding:2%;transition:top .5s ease-in-out}.nav_background{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:#0055ffbf;border-bottom:1px solid #ffffff26;box-shadow:0 4px 30px #0000001a}a.nav-link{color:#fff;letter-spacing:.3px;margin:5px 5px 5px 50px;padding-bottom:4px;font-size:17px;font-weight:600;position:relative}a.nav-link:after{content:"";background:var(--accent);width:0;height:2px;transition:var(--transition);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}a.nav-link:hover:after{width:70%}a.nav-link:hover,a.nav-link.nav-active{color:var(--accent)}a.nav-link.nav-active:after{width:70%}a.navbar-brand{color:#fff;font-weight:700}.osama{margin-top:2%}.name{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-1px;white-space:normal;overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:900;line-height:1.15}.title{color:var(--primary-light);text-align:center;letter-spacing:.3px;padding-inline:12px;font-weight:500}.icon{text-align:center;font-size:50px}.OsDroidi{transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .4s}.OsDroidi:hover{filter:drop-shadow(0 20px 40px #2776ea4d);transform:scale(1.05)translateY(-4px)}.linkedin{color:var(--primary);transition:var(--transition)}.linkedin:hover{color:#0077b5;transform:translateY(-3px)}.github{color:var(--primary);transition:var(--transition)}.github:hover{color:#000;transform:translateY(-3px)}.telegram1{color:#fff;transition:color .5s}.telegram1:hover{color:#08c}.telegram2{color:#2776ea;transition:color .5s}.telegram2:hover{color:#25d366}.linkedin1{color:#fff;transition:color .5s}.linkedin1:hover{color:#000;text-decoration:none}.github1{color:#fff;transition:color .5s}.github1:hover{color:#000;text-decoration:none}.contact,.skill,.work{text-transform:uppercase;color:var(--primary);text-align:center;letter-spacing:2px;padding-top:50px;padding-bottom:15px;font-size:2rem;font-weight:800;position:relative}.contact:after,.skill:after,.work:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.who{text-transform:uppercase;color:var(--primary);text-align:center;letter-spacing:2px;padding-bottom:15px;font-size:2rem;font-weight:800;position:relative}.who:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cv{text-align:center}.title-i{color:var(--primary);font-weight:800}li{list-style:none}a.navbar-brand{letter-spacing:-.5px;font-size:22px;font-weight:700}a.navbar-brand:hover{color:#fff}.card{color:var(--text-dark);border-radius:var(--radius-md);background-color:var(--bg-white);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid #2776ea14;margin-bottom:50px;padding-bottom:25px;position:relative;overflow:visible}.card-head{border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;overflow:hidden}.card-head img{object-fit:cover;width:100%;height:280px;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.card:hover .card-head img{transform:scale(1.06)}#projects-container.row{--bs-gutter-x:2rem;--bs-gutter-y:2rem}#projects-container>article .project-card.card{margin-bottom:0}.project-card{flex-direction:column;display:flex}.project-card__media-link{color:inherit;text-decoration:none;display:block}.project-card__media-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.project-card__head{position:relative}.project-card__shade{pointer-events:none;opacity:0;background:linear-gradient(#0000 48%,#1a1a2ed1 100%);transition:opacity .4s;position:absolute;inset:0}.project-card:hover .project-card__shade,.project-card__media-link:focus-visible .project-card__shade{opacity:1}.project-card:hover .project-card__hint,.project-card__media-link:focus-visible .project-card__hint{opacity:1;transform:scale(1)}.project-card__hint{width:2.75rem;height:2.75rem;color:var(--primary);opacity:0;pointer-events:none;background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:1rem;right:1rem;transform:scale(.88);box-shadow:0 8px 24px #1a1a2e33}.project-card__excerpt{-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:0;margin-bottom:0;display:-webkit-box;overflow:hidden}.project-card__actions{border-top:1px solid #2776ea1a;flex-wrap:wrap;gap:.65rem;margin-top:auto;padding-top:1.1rem;display:flex}.project-card__btn{transition:var(--transition);border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.8125rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.project-card__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.project-card__btn--primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-color:#0000;color:#fff!important}.project-card__btn--primary:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 10px 28px #2776ea59;color:#fff!important}.project-card__btn--ghost{background:0 0;border-color:#2776ea59;color:var(--primary)!important}.project-card__btn--ghost:hover{border-color:var(--primary);background:#2776ea0f;transform:translateY(-2px);color:var(--primary)!important}.shadow-sm{transition:var(--transition)}.shadow-sm:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)!important}.card-body{flex-direction:column;height:100%;padding:20px 24px 10px;display:flex}.project-card>.card-body{flex:auto;height:auto;padding:1.35rem 1.5rem}h3.title,h4.title{color:var(--primary);margin-bottom:0;font-size:1.15rem;font-weight:700}p.title.card-text{color:var(--text-muted);font-size:.9rem;line-height:1.65}.card-btn{color:var(--primary);transition:var(--transition);text-align:center;white-space:normal;background:0 0;border:none;border-radius:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:0;padding:8px 32px;font-size:.85rem;font-weight:600;display:inline-flex}.card-btn:hover{color:var(--primary);box-shadow:none;background:0 0;border:none;transform:none}.btn-lg,.card-btn,a.btn{color:var(--primary)}.text{color:var(--text-muted);text-align:left;width:70%;margin:auto;padding-top:30px;padding-bottom:30px;font-size:1.1rem;font-weight:400;line-height:1.8}.SKILLS{padding-bottom:5%}#blog-container.row,#related-blog-container.row{--bs-gutter-x:2rem;--bs-gutter-y:2rem}#blog-container>article .blog-card,#related-blog-container>article .blog-card{margin-bottom:0}.BLOG{padding-bottom:5%}.blog-heading{text-transform:uppercase;color:var(--primary);text-align:center;letter-spacing:2px;padding-top:50px;padding-bottom:15px;font-size:2rem;font-weight:800;position:relative}.blog-heading:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.blog-card{color:var(--text-dark);border-radius:var(--radius-md);background-color:var(--bg-white);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid #2776ea14;flex-direction:column;height:100%;margin-bottom:30px;display:flex;position:relative;overflow:hidden}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)!important}.blog-card-cover{height:200px;position:relative;overflow:hidden}.blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.blog-card:hover .blog-card-cover img{transform:scale(1.06)}.blog-card-body{flex-direction:column;flex:1;padding:20px 24px;display:flex}.blog-card-title{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.4}.blog-card-excerpt{color:var(--text-muted);flex:1;margin-bottom:12px;font-size:.88rem;line-height:1.65}.blog-card-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.blog-card-date{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.blog-card-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-tag{color:var(--primary);white-space:nowrap;letter-spacing:.3px;background:#2776ea14;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600}.blog-card-link{color:var(--primary);transition:var(--transition);align-items:center;gap:6px;padding:8px 0 0;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-card-link:hover{color:var(--primary-dark)}.blog-card-link-wrapper{color:inherit;height:100%;display:block;text-decoration:none!important}.blog-card-link-wrapper:hover{color:inherit;text-decoration:none!important}.article-page{background:var(--bg-light);min-height:80vh;padding-top:80px}.article-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.article-error{min-height:60vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.article-error h2{color:var(--text-dark);margin:0}.article-error p{max-width:400px}.article-header{text-align:center;padding:60px 0 30px}.article-title{color:var(--text-dark);max-width:800px;margin-bottom:16px;margin-left:auto;margin-right:auto;font-size:2.4rem;font-weight:800;line-height:1.3}.article-meta{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.article-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.article-cover{margin-bottom:40px}.article-cover img{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:480px;box-shadow:var(--card-shadow)}.article-body{max-width:760px;color:var(--text-dark);margin:0 auto;padding:0 20px 80px;font-size:1.05rem;line-height:1.85}.article-body h2{color:var(--primary);margin:48px 0 16px;font-size:1.6rem;font-weight:700}.article-body h3{color:var(--text-dark);margin:36px 0 12px;font-size:1.3rem;font-weight:700}.article-body p{margin-bottom:20px}.article-body img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:24px 0}.article-body a{color:var(--primary);text-decoration:underline!important}.article-body a:hover{color:var(--primary-dark)}.article-body blockquote{border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);background:#2776ea0a;margin:24px 0;padding:16px 24px;font-style:italic}.article-body pre{color:#cdd6f4;border-radius:var(--radius-sm);background:#1e1e2e;margin:24px 0;padding:20px 24px;font-size:.9rem;line-height:1.6;overflow-x:auto}.article-body code{background:#2776ea14;border-radius:4px;padding:2px 6px;font-size:.9em}.article-body pre code{background:0 0;padding:0}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:24px}.article-body li{margin-bottom:8px}.article-footer{background:var(--primary);color:#fff;padding:40px 0}.footer-brand{color:#fff;font-size:1.4rem;font-weight:700}.footer-brand:hover{color:#fff}.footer-copy{opacity:.8;margin:8px 0 0;font-size:.85rem}.blog-back-btn{border-radius:20px;font-size:.8rem}.related-articles{border-top:1px solid #2776ea1f;margin-top:8px;padding:48px 0 32px}.related-articles-heading{color:var(--primary);text-align:center;letter-spacing:.02em;margin-bottom:36px;padding-bottom:16px;font-size:1.75rem;font-weight:800;position:relative}.related-articles-heading:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:768px){.article-title{font-size:1.7rem}.article-body{padding:0 16px 60px;font-size:1rem}.article-header{padding:40px 0 20px}}.icon-map{text-align:center;color:#fff;font-size:35px}.info-text{color:#fff;text-align:center;overflow-wrap:anywhere;font-size:18px;font-weight:600}.my-info{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-lg);padding:40px 30px;box-shadow:0 8px 32px #2776ea40}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hero-social{display:block}.hero-social .row{row-gap:16px}.typewrite,.typewrite .wrap{overflow-wrap:anywhere;max-width:100%;min-height:1.5em;display:inline-block}.cv{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cv .mx-3{margin:0!important}.contact-back .row{row-gap:24px}.contact-back .center{width:100%;max-width:420px}.footer-text{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;display:flex}button.btn.btn-outline-primary.send{color:var(--primary);border-color:var(--primary);border-radius:var(--radius-sm);transition:var(--transition);padding:10px 40px;font-size:18px;font-weight:600}button.btn.btn-outline-primary.send:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #2776ea4d}.copyrightSection{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);color:#fff;border-top:1px solid #ffffff26;padding:30px 5px}.copyrightSection p{margin:0}a.footer-text-link,a.footer-text-link1{color:#fff}a.footer-text-link:hover,a.footer-text-link1:hover{color:#fff;text-decoration:none}#a1,#a2,#a3,#a4,#a5{padding-right:20px}.linkedin-s{color:#fff;transition:var(--transition)}.linkedin-s:hover{color:#58a6ff;transform:translateY(-2px)}.github-s{color:#fff;transition:var(--transition)}.github-s:hover{color:#58a6ff;transform:translateY(-2px)}.telegram-s{color:#fff;transition:var(--transition)}.telegram-s:hover{color:#58a6ff;transform:translateY(-2px)}.hover-icon{transition:var(--transition)}.hover-icon:hover{transform:scale(1.15)translateY(-3px)}.OsDroidi{width:200px;height:auto;box-shadow:none;background:0 0;border-radius:32px;padding-bottom:1%}.line1{opacity:.15;border-top:2px solid var(--primary-light);width:60%;height:1px;margin-top:30px;margin-bottom:10px}.space{padding-top:70px}.ME{color:#fff;transition:color .5s}.ME:hover{color:#000;text-decoration:none}.padding-top{padding-top:30px}label{float:left}.center{width:50%;margin-left:auto;margin-right:auto;display:block}.code-bracket,#code,a span{color:#7bdcfe}input#contact-email.form-control{border-color:var(--primary-light);color:var(--text-dark);border-radius:var(--radius-sm);transition:var(--transition);padding:12px 16px}input#contact-email.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2776ea26}textarea#contact-message.form-control{border-color:var(--primary-light);border-radius:var(--radius-sm);transition:var(--transition);padding:12px 16px}textarea#contact-message.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2776ea26}input.form-control{border-color:var(--primary-light);border-radius:var(--radius-sm);transition:var(--transition);padding:12px 16px}input.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2776ea26}label{color:var(--primary);margin-bottom:6px;font-size:.9rem;font-weight:600}.text-small{color:var(--text-muted);font-size:.85rem;line-height:1.5}.text-big{color:var(--primary);font-size:1rem;font-weight:700}.skill-card{border-radius:var(--radius-md);transition:var(--transition);background:#2776ea0a;border:1px solid #2776ea1a;height:100%;padding:32px 16px 24px}.skill-card:hover{background:#2776ea14;border-color:#2776ea33;transform:translateY(-6px);box-shadow:0 12px 40px #2776ea1f}.skill-card .icon-skills{margin-bottom:16px}.skill-card .text-big{margin-top:8px;margin-bottom:6px}.icon-skills{color:var(--primary);transition:var(--transition)}.html.icon-skills{transition:color .5s}.html.icon-skills:hover{color:#e34f26}.css.icon-skills{transition:color .5s}.css.icon-skills:hover{color:#039be5}.javascript.icon-skills{transition:color .5s}.javascript.icon-skills:hover{color:#ffd600}.react.icon-skills{transition:color .5s}.react.icon-skills:hover{color:#61dbfb}.form-group{padding-bottom:15px}.contact-back{padding-bottom:50px}body.dark{background-color:#0d1117;transition:background-color .4s}body.dark .nav_background{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:#0d1117d9;border-bottom:1px solid #ffffff14;box-shadow:0 4px 30px #0000004d}body.dark a.nav-link,body.dark a.navbar-brand{color:#e6edf3}body.dark a.nav-link:after{background:#58a6ff}body.dark a.nav-link:hover{color:#58a6ff}body.dark .name{background:linear-gradient(135deg,#58a6ff 0%,#79c0ff 50%,#7bdcfe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.dark .title{color:#8b949e}body.dark .linkedin,body.dark .github,body.dark .telegram2{color:#58a6ff}body.dark .linkedin:hover{color:#79c0ff}body.dark .github:hover{color:#c9d1d9}body.dark .telegram2:hover{color:#48bb78}body.dark .line1{border-top-color:#ffffff14}body.dark .contact,body.dark .skill,body.dark .work,body.dark .who,body.dark .title-i{color:#58a6ff}body.dark .contact:after,body.dark .skill:after,body.dark .work:after,body.dark .who:after{background:linear-gradient(90deg,#58a6ff,#7bdcfe)}body.dark .card{color:#c9d1d9;background-color:#161b22;border-color:#ffffff14;box-shadow:0 4px 20px #0000004d}body.dark .card:hover{box-shadow:0 20px 60px #00000080!important}body.dark h3.title,body.dark h4.title{color:#58a6ff}body.dark p.title.card-text{color:#8b949e}body.dark .card-btn{color:#58a6ff;background:0 0;border:none}body.dark .card-btn:hover{color:#58a6ff;box-shadow:none;background:0 0;border:none}body.dark .btn-lg,body.dark .card-btn,body.dark a.btn{color:#58a6ff}body.dark .project-card__shade{background:linear-gradient(#0000 45%,#000000bf 100%)}body.dark .project-card__hint{color:#58a6ff;background:#161b22eb;box-shadow:0 8px 24px #00000073}body.dark .project-card__actions{border-top-color:#ffffff14}body.dark .project-card__btn--primary{background:linear-gradient(135deg,#58a6ff 0%,#1f6feb 100%);color:#fff!important}body.dark .project-card__btn--primary:hover{box-shadow:0 10px 28px #58a6ff59;color:#fff!important}body.dark .project-card__btn--ghost{border-color:#58a6ff66;color:#58a6ff!important}body.dark .project-card__btn--ghost:hover{background:#58a6ff14;border-color:#58a6ff;color:#58a6ff!important}body.dark .project-card__media-link:focus-visible{outline-color:#58a6ff}body.dark .text{color:#8b949e}body.dark .my-info{background:linear-gradient(135deg,#161b22 0%,#1f2937 100%);box-shadow:0 8px 32px #0006}body.dark .icon-map,body.dark .info-text,body.dark .copyrightSection,body.dark a.footer-text-link,body.dark a.footer-text-link1,body.dark .linkedin-s,body.dark .github-s,body.dark .telegram-s,body.dark .ME,body.dark .menu-color,body.dark #nav-icon span{color:#e6edf3}body.dark .linkedin-s:hover,body.dark .github-s:hover,body.dark .telegram-s:hover,body.dark .ME:hover{color:#58a6ff}body.dark .copyrightSection{background:linear-gradient(135deg,#0d1117 0%,#161b22 100%);border-top:1px solid #ffffff14}body.dark input#contact-email.form-control,body.dark textarea#contact-message.form-control,body.dark input.form-control{color:#e6edf3;background-color:#ffffff0d;border-color:#58a6ff33}body.dark input#contact-email.form-control:focus,body.dark textarea#contact-message.form-control:focus,body.dark input.form-control:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}body.dark input::placeholder,body.dark textarea::placeholder{color:#484f58}body.dark label{color:#58a6ff}body.dark .text-small{color:#8b949e}body.dark .text-big,body.dark .icon-skills{color:#58a6ff}body.dark .html.icon-skills:hover{color:#e34f26}body.dark .css.icon-skills:hover{color:#039be5}body.dark .javascript.icon-skills:hover{color:#ffd600}body.dark .react.icon-skills:hover{color:#61dbfb}body.dark button.btn.btn-outline-primary.send,body.dark button.btn.btn-outline-primary.send1{color:#58a6ff;border-color:#58a6ff}body.dark button.btn.btn-outline-primary.send:hover,body.dark button.btn.btn-outline-primary.send1:hover{color:#1f2128;background:#58a6ff}body.dark .btn.resume{color:#8b949e;border-color:#8b949e4d}body.dark .btn:hover.resume:hover{color:#58a6ff;border-color:#58a6ff;box-shadow:0 12px 30px #58a6ff26}body.dark .fabfloat{color:#0d1117;background:linear-gradient(135deg,#58a6ff,#388bfd);box-shadow:0 4px 20px #58a6ff4d}body.dark .inner-fabs.show .fabfloat{background:linear-gradient(135deg,#484f58,#30363d)}body.dark .float-color{color:#0d1117}body.dark .label{background-color:#30363d}body.dark .ball{background-color:#58a6ff}body.dark .fa-moon,body.dark .fa-sun{color:#e6edf3}body.dark .skill-card{background:#58a6ff0a;border-color:#58a6ff1a}body.dark .skill-card:hover{background:#58a6ff14;border-color:#58a6ff33;box-shadow:0 12px 40px #58a6ff14}body.dark .blog-heading{color:#58a6ff}body.dark .blog-heading:after{background:linear-gradient(90deg,#58a6ff,#7bdcfe)}body.dark .blog-card{color:#c9d1d9;background-color:#161b22;border-color:#ffffff14;box-shadow:0 4px 20px #0000004d}body.dark .blog-card:hover{box-shadow:0 20px 60px #00000080!important}body.dark .blog-card-title{color:#58a6ff}body.dark .blog-card-excerpt,body.dark .blog-card-date{color:#8b949e}body.dark .blog-tag{color:#58a6ff;background:#58a6ff1a}body.dark .blog-card-link{color:#58a6ff}body.dark .blog-card-link:hover{color:#7bdcfe}body.dark .OsDroidi{box-shadow:none;background:0 0}body.dark .article-page{background:#0d1117}body.dark .article-title{color:#e6edf3}body.dark .article-meta,body.dark .article-error{color:#8b949e}body.dark .article-error h2{color:#e6edf3}body.dark .article-body{color:#c9d1d9}body.dark .article-body h2{color:#58a6ff}body.dark .article-body h3{color:#e6edf3}body.dark .article-body a{color:#58a6ff}body.dark .article-body blockquote{color:#8b949e;background:#58a6ff0f;border-color:#58a6ff}body.dark .article-body code{background:#58a6ff1a}body.dark .article-cover img{box-shadow:0 4px 20px #0006}body.dark .article-footer{background:#161b22}body.dark .blog-back-btn{color:#58a6ff;border-color:#58a6ff}body.dark .blog-back-btn:hover{color:#0d1117;background:#58a6ff}body.dark .related-articles{border-top-color:#58a6ff33}body.dark .related-articles-heading{color:#58a6ff}body.dark .related-articles-heading:after{background:linear-gradient(90deg,#58a6ff,#7bdcfe)}.checkbox{opacity:0;position:absolute}.label{background-color:#66a3ff;border-radius:50px;justify-content:space-between;align-items:center;width:50px;height:26px;padding:5px;display:flex;position:relative;transform:scale(1.5)}.dark-mode{cursor:pointer}.ball{background-color:#2776ea;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.checkbox:checked+.label .ball{transform:translate(24px)}.fa-moon,.fa-sun{color:#fff}button.btn.btn-outline-light.btn-lg{color:#fff;border-color:#fff;font-weight:700}button.btn.btn-outline-light.btn-lg:hover{color:var(--primary);background-color:#fff}.btn.resume{transition:var(--transition);color:var(--primary-light);border-color:var(--primary-light);border-radius:var(--radius-sm);padding:10px 28px;font-weight:600}.btn:hover.resume:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 30px #2776ea33}.menu-color{color:#fff}a.link-issue{z-index:3;position:relative}.round{border-radius:50%}:root{--fab-safe-bottom:env(safe-area-inset-bottom,0px);--fab-safe-right:env(safe-area-inset-right,0px)}.fabfloat{background:linear-gradient(135deg, var(--primary), var(--primary-dark));z-index:1040;width:56px;height:56px;right:max(30px, var(--fab-safe-right));bottom:calc(15px + var(--fab-safe-bottom));-webkit-user-select:none;user-select:none;cursor:pointer;color:#000;border:none;justify-content:center;align-items:center;font-size:2em;transition:all .3s ease-in-out;display:flex;position:fixed;box-shadow:0 4px 20px #2776ea59}button.fabfloat:focus-visible{outline-offset:2px;outline:3px solid #fff}.fabfloat a{width:100%;height:100%;color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.fabfloat i{will-change:transform;transition:all .3s ease-in-out}.inner-fabs .fabfloat{width:40px;height:40px;right:calc(max(30px, var(--fab-safe-right)) + 8px);bottom:calc(23px + var(--fab-safe-bottom));will-change:bottom;font-size:1.5em}.inner-fabs:not(.show) .fabfloat{opacity:0;visibility:hidden;pointer-events:none;box-shadow:none;background:0 0}.inner-fabs.show .fabfloat{opacity:1;visibility:visible;pointer-events:auto}.inner-fabs.show .fabfloat:first-child{bottom:calc(80px + var(--fab-safe-bottom));background:#66a3ff}.inner-fabs.show .fabfloat:nth-child(2){bottom:calc(130px + var(--fab-safe-bottom));background:#66a3ff}.inner-fabs.show .fabfloat:nth-child(3){bottom:calc(180px + var(--fab-safe-bottom));background:#66a3ff}.inner-fabs.show .fabfloat:nth-child(4){bottom:calc(230px + var(--fab-safe-bottom));background:#66a3ff}.inner-fabs.show .fabfloat:nth-child(5){bottom:calc(280px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(6){bottom:calc(330px + var(--fab-safe-bottom))}.inner-fabs.show+.fabfloat i{transform:rotate(135deg)}.fabfloat:before{content:attr(data-tooltip);visibility:hidden;opacity:0;color:#ececec;text-align:center;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;background-color:#464646e6;border-radius:2px;max-width:200px;padding:6px 8px;font-size:.5em;font-weight:700;line-height:1em;transition:opacity .15s cubic-bezier(.4,0,1,1);display:inline-block;position:absolute;top:25%;right:50px;box-shadow:0 1px 2px #00000026}.inner-fabs.show .fabfloat:hover:before{content:attr(data-tooltip);visibility:visible;opacity:1}.float-color{color:#fff}#nav-icon{-o-transition:.5s ease-in-out;cursor:pointer;width:35px;height:35px;margin:0 auto;transition:all .5s ease-in-out;position:relative;transform:rotate(0)}#nav-icon span{opacity:1;-o-transition:.25s ease-in-out;background:#fff;border-radius:9px;width:100%;height:6px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}#nav-icon span:first-child{top:0}#nav-icon span:nth-child(2){top:15px}#nav-icon span:nth-child(3){top:30px}#nav-icon.open span:first-child{top:18px;transform:rotate(135deg)}#nav-icon.open span:nth-child(2){opacity:0;transform:translate(-60px)}#nav-icon.open span:nth-child(3){top:18px;transform:rotate(-135deg)}.resume-embed{width:min(100%,550px);height:450px}@media (max-width:786px){.resume-embed{width:400px;height:400px}}@media (max-width:600px){a.navbar-brand{padding-top:0;padding-bottom:0;font-size:24px}.resume-embed{width:300px;height:400px}.nav_background{-webkit-backdrop-filter:blur(30px)saturate(180%);background-color:#05fc}}@media (max-width:991.98px){#navbar>.container{padding-left:max(.75rem, env(safe-area-inset-left,0px));padding-right:max(.75rem, env(safe-area-inset-right,0px))}a.nav-link{text-align:center;margin-left:0;padding:10px 0;font-size:18px}.navbar-collapse{margin-top:10px;padding:16px}.navbar-nav,.navbar-nav .nav-item,.navbar-collapse .btn,.navbar-collapse .d-flex{width:100%}.navbar-collapse .btn{justify-content:center}body.dark .navbar-collapse{-webkit-backdrop-filter:blur(20px)saturate(180%);background-color:#0d1117d9;border-color:#ffffff14}@media (max-width:600px){body.dark .navbar-collapse{-webkit-backdrop-filter:blur(30px)saturate(180%);background-color:#1f2128e6}}a.nav-link:after{display:none}.hero-section{padding-top:108px;padding-inline:clamp(12px,4vw,24px)}}@media (max-width:992px){.name{font-size:40px}.title{font-size:1.1rem}.text{width:90%}.title-skills{font-size:40px}.name-skills{font-size:25px}.fabfloat{right:max(20px, var(--fab-safe-right));bottom:calc(10px + var(--fab-safe-bottom))}.inner-fabs .fabfloat{right:calc(max(20px, var(--fab-safe-right)) + 8px)}.inner-fabs.show .fabfloat:first-child{bottom:calc(70px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(2){bottom:calc(115px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(3){bottom:calc(160px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(4){bottom:calc(205px + var(--fab-safe-bottom))}}@media (max-width:768px){.nav{padding:3% 2%}.name{font-size:2.25rem}.title{font-size:1rem}.hero-section{padding-inline:16px}.hero-social{padding-top:20px}.OsDroidi{width:clamp(150px,42vw,200px)}.icon{font-size:40px}.card{margin-bottom:30px}.card-head img{height:240px}.card-body{padding:18px 18px 12px}.project-card>.card-body{padding:1.1rem 1.15rem 1.15rem}h4.title{font-size:1.1rem}.text{width:95%;font-size:.95rem}.title-skills{font-size:35px}.name-skills{font-size:22px}.info-text{font-size:18px}button.btn.btn-outline-primary.send,button.btn.btn-outline-primary.send1{padding-left:24px;padding-right:24px;font-size:18px}.fabfloat{width:50px;height:50px;right:max(20px, var(--fab-safe-right));bottom:calc(10px + var(--fab-safe-bottom));font-size:1.8em}.inner-fabs .fabfloat{width:35px;height:35px;right:calc(max(20px, var(--fab-safe-right)) + 7.5px);font-size:1.3em}.inner-fabs.show .fabfloat:first-child{bottom:calc(70px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(2){bottom:calc(110px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(3){bottom:calc(150px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(4){bottom:calc(190px + var(--fab-safe-bottom))}.resume-embed{width:90%;max-width:400px;height:min(70vh,450px)}.form-row{grid-template-columns:1fr}.footer-text{margin-top:16px}}@media (max-width:576px){#projects-container>article{flex:0 0 100%;max-width:100%}.name{font-size:2rem}.title{font-size:.9rem;line-height:1.6}.icon{font-size:35px}.card-btn{padding-left:30px;padding-right:30px;font-size:.8rem}.text{width:100%;font-size:.9rem}.title-skills{font-size:30px}.name-skills{font-size:20px}.info-text{font-size:16px}.copyrightSection p{font-size:.85rem}.fabfloat{right:max(12px, var(--fab-safe-right));bottom:calc(12px + var(--fab-safe-bottom));width:48px;height:48px;font-size:1.55em}.inner-fabs .fabfloat{right:max(12px, var(--fab-safe-right));width:48px;height:48px;font-size:1.15em}.inner-fabs.show .fabfloat:first-child{bottom:calc(70px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(2){bottom:calc(128px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(3){bottom:calc(186px + var(--fab-safe-bottom))}.inner-fabs.show .fabfloat:nth-child(4){bottom:calc(244px + var(--fab-safe-bottom))}.resume-embed{width:95%;max-width:300px;height:min(65vh,400px)}.contact-back .center{max-width:none}.my-info{padding:32px 20px}.line1{width:min(78%,280px)}.footer-text{flex-direction:column}.nav_background{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#05fc}body.dark .nav_background{background-color:#1f2128e6}}.hero-section{padding-top:120px}.typewrite>.wrap{border-right:.15em solid #2776ea}