@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";html{font-family:Roboto,sans-serif;color:#fff;letter-spacing:.1px;scroll-behavior:smooth}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}:root{--primary: #000 ;--second:rgba(24 24 27);--borderDIV:rgba(63,63,70,.4);--title:rgb(244 244 245);--subtitle:rgb(161 161 170);--bgheader: rgb(39,39,42);--blue: rgb(93,188,252);--icon-hover:#d4d4d8 ;--pading-cont: 4.8rem ;--youtube:#FF3F33 }.light{--primary: rgb(250, 250, 250);--second: rgb(255, 255, 255);--title: rgb(39, 39, 42);--borderDIV: rgba(202, 202, 202, .518);--subtitle: rgb(82 82 91);--bgheader: rgb(253,253,253);--blue: rgb(93, 188, 252);--icon-hover: #333;--pading-cont: 4.8rem}body{background-color:var(--primary)}.container{width:80%;margin-right:auto;margin-left:auto;padding:0 var(--pading-cont)}.divider{border-bottom:1px var(--borderDIV) solid;margin:3rem 0;width:calc(100% + var(--pading-cont) + var(--pading-cont));margin-left:calc(var(--pading-cont)* -1);margin:2rem}li{list-style:none}a{text-decoration:none;color:initial;transition:.2s}.flex{display:flex;align-items:center}.border{border:red 2px solid}button{all:unset}button:hover{cursor:pointer}button:active{scale:.9}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #253db8;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background:#c71717;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#363030}html{scrollbar-color:#b591a3 #495058}.scroll2Top{background-color:#1976d2d9;width:2.6rem;height:2.6rem;border-radius:50%;position:fixed;bottom:2rem;right:3%;text-align:center;border:1px solid #ffffff3d;color:var(--title);font-size:1.4rem}.scroll2Top:hover{background-color:#1976d2}.light .scroll2Top{color:#f5f5f5}button:disabled{opacity:.4;cursor:not-allowed}button .submit{color:#f0f8ff}@media (max-width:1000px){.container{width:90%;--pading-cont:1.7rem ;padding:0 var(--pading-cont)}.divider{width:calc(100% + 3.4rem);margin-left:calc(var(--pading-cont) * -1)}}@media (max-width:600px){.container{width:98%;padding:0 1.8rem}.scroll2Top{opacity:.6;height:2.2rem;width:2.2rem}}body.light{background-color:#fff}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b);z-index:9999;color:#fff}.loading-logo{font-size:4rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;color:#3b82f6;text-shadow:0 0 20px #3b82f6}.loading-bar-container{width:250px;height:12px;background:#ffffff1a;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.loading-bar{height:100%;background:#3b82f6;border-radius:12px}.loading-text{font-size:1.2rem;letter-spacing:1px;color:#a5b4fc}:root{--hdr-bg: rgba(255, 255, 255, .15);--hdr-txt: #0f172a;--hdr-txt-dim: #475569;--brand: #6366f1;--brand-2: #06b6d4;--shadow: 0 6px 28px rgba(15, 23, 42, .12);--border: rgba(255, 255, 255, .25);--glass-blur: 18px}.dark{--hdr-bg: rgba(15, 23, 42, .3);--hdr-txt: #f1f5f9;--hdr-txt-dim: #94a3b8;--brand: #818cf8;--brand-2: #22d3ee;--shadow: 0 6px 32px rgba(0, 0, 0, .5);--border: rgba(255, 255, 255, .1)}header.flex{position:sticky;top:0;inset-inline:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.85rem 1.5rem;background:var(--hdr-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border);border-radius:18px;margin:.7rem auto;width:min(1150px,94%);box-shadow:var(--shadow);color:var(--hdr-txt);transition:background .3s ease,transform .25s ease;direction:rtl}header.flex:hover{transform:translateY(-2px)}nav ul.flex{display:flex;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0;flex-direction:row-reverse}nav ul.flex li a{position:relative;padding:.6rem .9rem;border-radius:12px;color:var(--hdr-txt-dim);text-decoration:none;font-weight:500;transition:all .3s ease}nav ul.flex li a:hover{color:#fff;background:linear-gradient(90deg,var(--brand),var(--brand-2));box-shadow:0 4px 14px #00000026}.menu.icon-menu.flex,.mode.flex{all:unset;display:grid;place-items:center;cursor:pointer;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);transition:all .3s ease}.menu.icon-menu.flex:hover,.mode.flex:hover{background:#ffffff1a;transform:scale(1.05)}.menu.icon-menu.flex:active,.mode.flex:active{transform:scale(.9)}.fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;justify-content:flex-end;animation:fadeIn .3s ease both;direction:ltr}.model{width:min(80vw,320px);height:100%;background:var(--hdr-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);backdrop-filter:blur(var(--glass-blur)) saturate(150%);border-left:1px solid var(--border);box-shadow:-12px 0 40px #00000040;border-radius:22px 0 0 22px;display:flex;flex-direction:column;padding:1.8rem 1.2rem;gap:1.2rem;text-align:center;direction:rtl;animation:slideIn .35s cubic-bezier(.16,1,.3,1) both}.model li a{display:block;padding:.9rem 1rem;border-radius:12px;font-weight:600;color:var(--hdr-txt);transition:all .3s ease}.model li a:hover{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;transform:translate(6px)}.close-btn{display:flex;justify-content:flex-end;cursor:pointer;width:44px;height:44px}@media (max-width: 1024px){nav{display:none}.menu.icon-menu.flex{display:grid}}@media (min-width: 1025px){.menu.icon-menu.flex{display:none}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}section.hero{margin-top:3rem}section.hero .left-sec{flex-grow:1}section.hero .parent-avatar.flex{align-items:end;gap:.6rem;min-height:88px}section.hero .avatar{width:88px;border-radius:50%;border:1px solid #4DA8DA;padding:1px;box-shadow:2px 2px 40px #ffffffbf inset}section.hero .icon-verified{color:var(--blue);font-size:1.1rem;margin-bottom:.3rem}section.hero h1.title{line-height:3.3rem;font-size:2.89rem;margin:24px 0;color:var(--title)}section.hero p.subtitle{color:var(--subtitle);font-size:.9rem;line-height:1.65rem;margin-bottom:32px}section.hero .all-icons{font-size:1.3rem;gap:1.5rem;color:var(--subtitle)}section.hero .all-icons .icon{color:var(--subtitle)}section.hero .all-icons .icon:hover{font-size:1.4rem;transition:.3s;cursor:pointer;color:var(--icon-hover)}.animation{width:100%;translate:80px 13px}@media (max-width:1100px){section.hero .animation{display:none}}.contact-us{padding:4rem 2rem;text-align:center;max-width:1200px;margin:0 auto;color:#fff}.title{font-size:2.5rem;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.subtitle{font-size:1.1rem;color:#cbd5e1;margin-bottom:3rem}.contact-container{display:flex;gap:2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.contact-form{flex:1 1 350px;display:flex;flex-direction:column;gap:1.2rem;background:#1e293b8c;border-radius:20px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 20px #00000026;transition:all .3s ease}.contact-form label{font-weight:600;text-align:left;color:#fff}.contact-form input,.contact-form textarea{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.3);outline:none;font-size:1rem;background:#ffffff0d;color:#fff;transition:all .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#cbd5e1}.contact-form input:focus,.contact-form textarea:focus{border-color:#6366f1;box-shadow:0 0 12px #6366f166;background:#1e293b8c}.contact-form textarea{min-height:140px;resize:vertical}.submit{padding:.95rem 1.2rem;font-size:1.1rem;background:linear-gradient(90deg,#6366f1,#06b6d4);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.submit:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}.success-msg{display:flex;align-items:center;justify-content:center;gap:.8rem;color:#22c55e;font-weight:600;margin-top:1rem}.contact-animation{flex:1 1 300px;max-width:400px}.title{color:#3235ee}.light .subtitle{color:#6366f1}.light .contact-form{background:#f5f5f569;border:1px solid #3235ee;box-shadow:0 8px 20px #78e5e91a}.light .contact-form label,.contact-form input,.contact-form textarea{color:#3235ee}.light .contact-form input,.contact-form textarea{border:1px solid rgb(42,126,129);background:#61b8e03d}.light .contact-form input::placeholder,.contact-form textarea::placeholder{color:#3235ee}.light .contact-form input:focus,.contact-form textarea:focus{border-color:#3235ee;box-shadow:0 0 12px #6366f166;background:#d4dae48c}@media (prefers-color-scheme: dark){.contact-form{background:#1e1e1e40;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #00000059}.contact-form label,.contact-form input,.contact-form textarea{color:#fff}.contact-form input,.contact-form textarea{border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#cbd5e1}}@media (max-width: 768px){.contact-container{flex-direction:column;align-items:center}.contact-animation{max-width:300px;width:80%}}:root{--bg-footer: #f9f9f9;--text-footer: #333;--subtitle: #555;--blue: #6366f1;--link-hover: #4f46e5;--shadow-main: 0 4px 8px rgba(0, 0, 0, .1);--shadow-glow: 0 0 10px rgba(99, 102, 241, .3)}body.dark{--bg-footer: #111;--text-footer: #eee;--subtitle: #aaa;--blue: #6366f1;--link-hover: #818cf8;--shadow-main: 0 4px 8px rgba(0, 0, 0, .6);--shadow-glow: 0 0 15px rgba(99, 102, 241, .6)}footer{display:flex;justify-content:space-between;align-items:center;padding:1.9rem 20px;color:var(--text-footer);flex-wrap:wrap;border-radius:2rem}footer ul{display:flex;gap:1rem}footer ul a{color:var(--subtitle);font-size:.9rem;font-weight:400;transition:.3s ease;text-transform:capitalize;text-decoration:none}footer ul a:hover{color:var(--blue);font-size:1rem;font-weight:500}.social-icons{display:flex;gap:15px;font-size:1.5rem}.social-icons a{color:var(--text-footer);transition:color .3s,transform .2s}.social-icons a:hover{color:var(--link-hover);transform:scale(1.2)}footer p{color:var(--subtitle);font-size:.9rem;opacity:.8;margin-top:10px;text-align:center;width:100%}@media (max-width: 800px){footer{flex-direction:column;gap:1.5rem;text-align:center}}main.flex{gap:3rem;align-items:center;justify-content:center;padding:3rem 2rem;flex-wrap:wrap;flex-direction:column}main section.left-sec.flex{flex-direction:row;gap:14px;text-align:center;flex-wrap:wrap;align-items:center}main section.left-sec.flex button{background:#ffffff40;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.25);width:12rem;padding:.8rem 0;border-radius:14px;font-size:1.05rem;color:#222;text-transform:capitalize;cursor:pointer;transition:all .35s ease;font-weight:500;letter-spacing:.4px}main section.left-sec.flex button:hover{transform:translate(6px) scale(1.05);box-shadow:0 0 15px #60a5fa66}main section.left-sec.flex button.Active{background:linear-gradient(120deg,#3b82f6,#9333ea,#f43f5e);background-size:200% 200%;animation:gradientShift 5s ease infinite;color:#fff;font-weight:600;border:none;box-shadow:0 4px 20px #60a5fa80}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}main section.right-sec.flex{flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;justify-items:center;flex-direction:row;flex-wrap:wrap}.card{position:relative;border-radius:22px;overflow:hidden;background:#ffffff47;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.25);box-shadow:0 10px 30px #0000001f;transition:all .35s ease;width:280px;height:400px;display:flex;flex-direction:column}.card img{width:100%;border-radius:22px 22px 0 0;object-fit:cover;transition:transform .4s ease;height:160px}.card:hover img{transform:scale(1.08)}.card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 18px 45px #00000040,0 0 25px #60a5fa59;border:1px solid rgba(96,165,250,.5)}.card .box{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem}.card .title1{font-size:1.3rem;font-weight:600;background:linear-gradient(90deg,#2563eb,#9333ea,#f43f5e);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite;margin-bottom:12px}.card .subtitle{font-size:.95rem;color:#444;margin-bottom:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.card .icons{display:flex;justify-content:space-between;align-items:center}.card .icon-link,.card .icon-github{font-size:1.3rem;color:#666;transition:.3s}.card .icon-link:hover,.card .icon-github:hover{color:#2563eb;transform:scale(1.2) rotate(8deg);filter:drop-shadow(0 0 6px currentColor)}.card a.link{font-size:.92rem;font-weight:500;color:#2563eb;display:flex;align-items:center;gap:6px;transition:.3s}.card a.link:hover{color:#9333ea;transform:translate(6px)}body.dark main section.left-sec.flex button{color:#e5e7eb;background:#1e293b73;border:1px solid rgba(255,255,255,.08)}body.dark main section.left-sec.flex button:hover{box-shadow:0 0 14px #60a5fa66}body.dark .card{background:#1e293b8c;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 25px #0009}body.dark .title1{background:linear-gradient(90deg,#38bdf8,#a855f7,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.dark .subtitle{color:#ddd}body.dark .icon-link,body.dark .icon-github{color:#aaa}body.dark .icon-link:hover,body.dark .icon-github:hover{color:#38bdf8}@media (max-width: 700px){main.flex{flex-direction:column;align-items:center}main section.left-sec.flex{flex-direction:row;flex-wrap:wrap;justify-content:center}main section.left-sec.flex button{width:8.5rem;font-size:.9rem}.card{width:100%;max-width:350px}}:root{--primary: #2563eb;--accent: #60a5fa;--light-text: #111827;--light-subtext: #374151;--dark-text: #f9fafb;--dark-subtext: #d1d5db}body{transition:background .4s ease,color .4s ease;font-family:SF Pro Display,Inter,sans-serif;background:linear-gradient(135deg,#e0e7ff,#f9fafb)}body.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.about-section{padding:80px 20px;text-align:center}.about-title{font-size:2.4rem;font-weight:700;margin-bottom:8px;background:linear-gradient(90deg,#2563eb,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-subtitle{font-size:1.1rem;color:var(--accent);margin-bottom:50px}.about-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;max-width:1100px;margin:auto;cursor:pointer}.glass{background:#ffffff1a;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border-radius:20px;border:1px solid rgba(255,255,255,.25)}body.dark .glass{background:#1e293b59;border:1px solid rgba(255,255,255,.08)}.about-box{padding:30px 20px;text-align:center;transition:all .4s ease;animation:fadeUpScale .8s forwards;opacity:0;transform:translateY(40px) scale(.9)}.about-box:hover{transform:translateY(-6px) scale(1.03);border:1px solid var(--accent);box-shadow:0 8px 30px #00000026}.about-icon{color:var(--primary);margin-bottom:14px;transition:transform .3s ease,color .3s ease}.about-box:hover .about-icon{transform:scale(1.25) rotate(6deg);color:var(--accent)}.light .about-icon,.light .about-box h4{color:#2563eb}.about-box h3{font-size:1.2rem;font-weight:600;margin-bottom:6px}.about-box h4{font-size:1rem;font-weight:500;color:var(--primary);margin-bottom:8px}.about-box p{font-size:.9rem;line-height:1.4}body.light .about-box p{color:var(--light-subtext)}body.dark .about-box p{color:var(--dark-subtext)}.about-bio{max-width:800px;margin:60px auto 0;padding:30px 25px;text-align:center}.about-bio h3{font-size:1.6rem;font-weight:600;margin-bottom:15px;color:#2563eb}.about-bio p{font-size:1rem;line-height:1.7}body.light .about-bio p{color:var(--light-subtext)}body.dark .about-bio p{color:var(--dark-subtext)}@keyframes fadeUpScale{to{opacity:1;transform:translateY(0) scale(1)}}:root{--exper-bg-light: rgba(255, 255, 255, .25);--exper-bg-dark: rgba(17, 25, 40, .65);--exper-border-light: rgba(255, 255, 255, .35);--exper-border-dark: rgba(255, 255, 255, .15);--exper-text-main: #222;--exper-text-light: #e5e7eb;--exper-primary: #2563eb;--exper-secondary: #60a5fa;--exper-accent1: #9333ea;--exper-accent2: #f43f5e;--exper-shadow-light: 0 8px 30px rgba(0,0,0,.15);--exper-shadow-dark: 0 8px 35px rgba(0,0,0,.6);--exper-transition: .45s cubic-bezier(.4, 0, .2, 1)}.experience{padding:90px 20px;position:relative;text-align:center;border-radius:2.5rem;overflow:hidden;transition:background var(--exper-transition),color var(--exper-transition)}.experience:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,var(--exper-secondary),var(--exper-accent1),var(--exper-accent2),var(--exper-secondary));background-size:400% 400%;animation:gradientBG 14s ease infinite;opacity:.12;z-index:0}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.experience h1{font-size:2.8rem;margin-bottom:60px;font-weight:700;background:linear-gradient(90deg,var(--exper-primary),var(--exper-secondary),var(--exper-accent1));background-size:300% 300%;animation:textGradient 6s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:1;font-family:Poppins,sans-serif;letter-spacing:1.5px}@keyframes textGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px;max-width:1150px;margin:0 auto;position:relative;z-index:1}.glass{position:relative;background:var(--exper-bg-light);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-radius:2rem;box-shadow:var(--exper-shadow-light);border:1px solid var(--exper-border-light);overflow:hidden;transform-style:preserve-3d;transition:transform var(--exper-transition),box-shadow var(--exper-transition)}.glass:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:linear-gradient(120deg,var(--exper-secondary),var(--exper-accent1),var(--exper-accent2),var(--exper-secondary));background-size:300% 300%;animation:borderGlow 8s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes borderGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.skill-card{padding:36px 26px;text-align:left;animation:fadeUp .8s ease forwards;opacity:0;transform:translateY(40px) scale(.95);transition:transform var(--exper-transition),box-shadow var(--exper-transition);border-radius:inherit}.skill-card:nth-child(1){animation-delay:.2s}.skill-card:nth-child(2){animation-delay:.4s}.skill-card:nth-child(3){animation-delay:.6s}.skill-card:nth-child(4){animation-delay:.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0) scale(1)}}.glass:hover{transform:perspective(900px) rotateX(4deg) rotateY(-4deg) scale(1.03);box-shadow:0 18px 45px #00000040,0 0 30px #60a5fa66}.skill-card h2{font-size:1.4rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:var(--exper-primary);letter-spacing:.6px}.skill-card ul{padding:0;margin:0;list-style:none}.skill-card li{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:1rem;color:var(--exper-text-main);cursor:pointer;transition:color .3s,transform .3s}.skill-card li:hover{color:var(--exper-primary);transform:translate(8px)}.icon{font-size:1.5rem;transition:transform .3s,filter .3s}.skill-card li:hover .icon{transform:rotate(12deg) scale(1.2);filter:drop-shadow(0 0 6px currentColor)}body.dark .glass{background:var(--exper-bg-dark);border:1px solid var(--exper-border-dark);box-shadow:var(--exper-shadow-dark),inset 0 1px 2px #ffffff0d}body.dark .skill-card{color:var(--exper-text-light)}body.dark .skill-card h2{color:var(--exper-secondary)}body.dark .skill-card li{color:#bbb}body.dark .skill-card li:hover{color:var(--exper-secondary)}:root{--blue_: #3b82f6;--subtitle: #94a3b8;--card-bg: rgba(255, 255, 255, .08);--btn-hover: #2563eb;--text-color: #f8fafc;--shadow-color: rgba(0, 0, 0, .5)}[data-theme=light]{--blue_: #2563eb;--subtitle: #475569;--card-bg: rgba(255, 255, 255, .95);--btn-hover: #1d4ed8;--body-bg: linear-gradient(135deg, #f1f5f9, #e2e8f0);--text-color: #0f172a;--shadow-color: rgba(0, 0, 0, .1)}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background:var(--body-bg);color:var(--text-color);line-height:1.6;overflow-x:hidden;transition:all .4s ease}#particles-js{position:fixed;width:100%;height:100%;z-index:0}.project-details{position:relative;z-index:2;max-width:1200px;margin:5rem auto;padding:2rem;display:flex;flex-direction:column;gap:3rem}.project-header{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.project-title{font-size:3rem;font-weight:700;color:var(--blue_);letter-spacing:1px;text-transform:capitalize;text-shadow:0 2px 12px var(--shadow-color)}.project-img-deta{border-radius:24px;width:75%;max-width:700px;height:350px;object-fit:cover;box-shadow:0 20px 60px var(--shadow-color);transition:transform .5s ease,box-shadow .5s ease;cursor:pointer}.project-img-deta:hover{transform:scale(1.08) rotate(1deg);box-shadow:0 25px 80px var(--shadow-color)}.project-about{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:2.5rem;box-shadow:0 15px 40px var(--shadow-color);text-align:center;display:flex;flex-direction:column;gap:1.5rem;transition:all .4s ease}.project-desc{font-size:1.3rem;color:var(--text-color);line-height:1.8}.project-links{display:flex;justify-content:center;gap:22px}.project-links a{background:var(--blue_);color:#fff;padding:.9rem 1.8rem;border-radius:14px;font-size:1rem;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 8px 25px #3b82f680}.project-links a:hover{background:var(--btn-hover);transform:translateY(-4px) scale(1.05);box-shadow:0 10px 35px #3b82f699}.video-cont{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.8rem}.video-cont h2{font-size:2.4rem;font-weight:700;color:var(--blue_);text-shadow:0 2px 12px var(--shadow-color)}.video-cont h2 span{color:var(--subtitle);font-weight:400}.project-video{width:85%;height:480px;border-radius:24px;border:none;box-shadow:0 15px 50px #3b82f680;transition:transform .5s ease,box-shadow .5s ease}.project-video:hover{transform:scale(1.03);box-shadow:0 20px 70px #3b82f699}.divider{width:80%;height:2px;margin:0 auto;background:linear-gradient(to right,transparent,var(--blue_),transparent);opacity:.7}.back-btn{align-self:center;margin-top:2rem;padding:1rem 2rem;background:var(--card-bg);border:2px solid var(--blue_);border-radius:14px;color:var(--blue_);font-weight:600;font-size:1.1rem;text-decoration:none;letter-spacing:.5px;transition:all .3s ease}.back-btn:hover{background:var(--blue_);color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px #3b82f699}.errorContainer{text-align:center;margin:6rem auto;color:var(--blue_)}.loading{text-align:center;margin:6rem auto;font-size:1.6rem;color:var(--blue_)}@media (max-width: 992px){.project-title{font-size:2.3rem}.project-desc{font-size:1.15rem}.project-video{width:95%;height:360px}}@media (max-width: 600px){.project-title{font-size:1.9rem}.project-img-deta{width:95%;height:220px}.project-video{height:220px}}:root{--bg-color: #f5f7fa;--text-color: #333;--form-bg: #fff;--input-bg: #fff;--input-border: #ddd;--label-color: #555;--btn-bg: #6366f1;--btn-bg-hover: #4f46e5;--btn-text: #fff}.dark{--bg-color: #121212;--text-color: #f5f5f5;--form-bg: #1e1e1e;--input-bg: #2a2a2a;--input-border: #444;--label-color: #ccc;--btn-bg: #4f46e5;--btn-bg-hover: #6366f1;--btn-text: #fff}.add-projects-container{min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;padding:40px 20px;background:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color)}.form-title{font-size:28px;font-weight:700;margin-bottom:25px;color:var(--text-color);text-align:center}.form-box{width:100%;max-width:500px;background:var(--form-bg);padding:25px 30px;border-radius:12px;box-shadow:0 5px 25px #0000001a}.form-group{margin-bottom:18px;display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--label-color)}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;outline:none;font-size:14px;transition:.3s;background:var(--input-bg);color:var(--text-color)}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 5px #6366f14d}.submit-btn{width:100%;padding:12px;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s}.submit-btn:hover{background:var(--btn-bg-hover);transform:translateY(-2px);box-shadow:0 5px 15px #6366f14d}:root{--bg-color: #f5f7fa;--text-color: #2e2e2e;--card-bg: rgba(255, 255, 255, .65);--card-border: rgba(255, 255, 255, .3);--card-shadow: rgba(0, 0, 0, .1);--btn-bg: #6366f1;--btn-bg-hover: #4f46e5;--btn-text: #fff;--add-btn-bg: #10b981;--add-btn-hover: #059669;--close-btn-bg: #ef4444;--link-color: #6366f1}body.dark{--bg-color: linear-gradient(145deg, #0f0f0f, #1a1a1a);--text-color: #f5f5f5;--card-bg: rgba(30, 30, 30, .65);--card-border: rgba(255, 255, 255, .08);--card-shadow: rgba(0, 0, 0, .6);--btn-bg: #818cf8;--btn-bg-hover: #6366f1;--btn-text: #fff;--add-btn-bg: #10b981;--add-btn-hover: #059669;--close-btn-bg: #f87171;--link-color: #818cf8}body{font-family:Poppins,sans-serif;background:var(--bg-color);color:var(--text-color);transition:background .4s ease,color .3s ease;min-height:100vh}.dashboard{max-width:1200px;margin:2rem auto;padding:0 1rem}.dash-title{text-align:center;margin-bottom:2rem;font-size:2.2rem;font-weight:600;background:linear-gradient(90deg,#6366f1,#9333ea,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.8rem;justify-content:center;align-items:stretch}.project-card{background:var(--card-bg);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 6px 20px var(--card-shadow);padding:1rem;text-align:center;overflow:hidden;transition:all .35s ease;animation:fadeInUp .6s ease}.project-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 15px 35px #0003;border:1px solid rgba(99,102,241,.6)}.project-img{width:100%;height:160px;object-fit:cover;border-radius:12px;margin-bottom:1rem;transition:transform .4s ease}.project-card:hover .project-img{transform:scale(1.07)}.project-cat{font-size:.9rem;color:#888;margin-bottom:1rem}.project-actions button{margin:.3rem;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;background-color:var(--btn-bg);color:var(--btn-text);transition:transform .25s,background-color .3s}.project-actions button:hover{background-color:var(--btn-bg-hover);transform:scale(1.05)}.add-btn{display:block;margin:0 auto 2rem;padding:.8rem 1.6rem;border:none;border-radius:10px;background-color:var(--add-btn-bg);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:.3s}.add-btn:hover{background-color:var(--add-btn-hover);transform:translateY(-3px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .4s ease}.modal-content{background:var(--card-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid var(--card-border);padding:2rem;width:90%;max-width:600px;text-align:left;position:relative;color:var(--text-color);animation:scaleIn .4s ease}.modal-content a{color:var(--link-color);word-break:break-word}.close-btn{margin-top:1rem;background:var(--close-btn-bg);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;transition:.3s}.close-btn:hover{opacity:.9;transform:scale(1.05)}.loading{text-align:center;font-size:1.5rem;color:var(--text-color)}.add-form input,.add-form textarea{width:100%;margin-bottom:.8rem;padding:.6rem;border-radius:8px;border:1px solid #ddd;background:var(--card-bg);color:var(--text-color)}.add-form .submit-btn{background-color:var(--btn-bg);color:var(--btn-text);padding:.6rem 1.2rem;margin-right:.5rem;border-radius:8px;transition:.3s}.add-form .submit-btn:hover{background-color:var(--btn-bg-hover);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.header-pro-simple{position:sticky;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--hdr-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--border);border-radius:18px;margin:.7rem auto;width:min(1150px,94%);box-shadow:var(--shadow);color:var(--hdr-txt);transition:background .3s ease,transform .25s ease;gap:1rem}.header-home-btn,.header-theme-btn{all:unset;display:grid;place-items:center;cursor:pointer;width:50px;height:50px;border-radius:50%;border:1px solid var(--border);background:var(--hdr-bg);color:var(--hdr-txt);font-weight:700;transition:all .3s ease,transform .2s ease}.header-home-btn:hover{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 16px #00000040}.header-theme-btn:hover{background:#ffffff1a;transform:scale(1.1)}.header-home-btn:active,.header-theme-btn:active{transform:scale(.9)}@media (max-width: 768px){.header-pro-simple{padding:.6rem 1rem}.header-home-btn,.header-theme-btn{width:44px;height:44px}}:root{--hz-glass-border-light: rgba(255, 255, 255, .3);--hz-glass-shadow-light: rgba(0, 0, 0, .15);--hz-glass-bg-dark: rgba(0, 98, 255, .55);--hz-glass-border-dark: rgb(255, 0, 0);--hz-glass-shadow-dark: rgba(238, 51, 51, .842);--hz-text-light: #1a1a1a;--hz-text-dark: #fff;--hz-accent-color: #6366f1}.hz-cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;padding:2.5rem;border-radius:20px}.hz-cert-grid h2{grid-column:1/-1;text-align:center;font-size:2rem;font-weight:600;color:var(--hz-text-dark);margin-bottom:1rem}.hz-cert-card{border-radius:20px;padding:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 20px #6366f140}body:not(.dark-theme) .hz-cert-card{background:var(--hz-glass-bg-light);border:1px solid var(--hz-glass-border-light)}body.dark-theme .hz-cert-card{background:var(--hz-glass-bg-dark);border:1px solid var(--hz-glass-border-dark);box-shadow:0 8px 20px #6366f159}.hz-cert-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(120deg,#ffffff0d,#ffffff26,#ffffff0d);transform:rotate(25deg);animation:hz-cert-shine 4s linear infinite;pointer-events:none}@keyframes hz-cert-shine{0%{transform:rotate(25deg) translate(-200%) translateY(-200%)}50%{transform:rotate(25deg) translate(0) translateY(0)}to{transform:rotate(25deg) translate(200%) translateY(200%)}}.hz-cert-card:hover{transform:translateY(-10px) scale(1.08);box-shadow:0 16px 40px #6366f159}.hz-cert-img{width:100%;height:180px;object-fit:cover;border-radius:15px;margin-bottom:1rem;transition:transform .3s ease}.hz-cert-card:hover .hz-cert-img{transform:scale(1.05)}.hz-cert-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;text-align:center}.hz-cert-content{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;text-align:center}.hz-cert-company{font-weight:500;color:var(--hz-accent-color)}.hz-cert-hour:before{content:"⏱ "}.hz-cert-date:before{content:"📅 "}.hz-cert-card:hover .hz-cert-hour:before,.hz-cert-card:hover .hz-cert-date:before{transform:translateY(-2px) scale(1.1);transition:transform .3s ease}.hz-cert-loading{text-align:center;font-size:1.5rem;padding:2rem;color:var(--hz-text-dark)}@media (max-width: 768px){.hz-cert-grid{padding:1rem;gap:1.2rem}}