html{font-size:16px}body,html{margin:0;padding:0;font-family:Mulish,sans-serif;min-width:360px;overflow-x:hidden;width:100%}.scene{position:fixed;inset:0;perspective:300px;overflow:hidden;font-family:Courier New,Courier,monospace;z-index:-1;background-color:#e9e9e9;color:#3e3e3e;transition:background-color .5s ease,color .5s ease}.scene.dark-mode{background-color:#222;color:#666}.binary-char{position:absolute;will-change:transform,opacity;animation-name:float;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes float{0%{transform:translateY(15px) rotateX(0);opacity:var(--start-opacity)}to{transform:translateY(-15px) rotateX(5deg);opacity:var(--end-opacity)}}.about-container{background-color:#fff0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.about-left,.about-right{display:flex;flex-direction:column;align-items:center;background-color:#f8f8f8;box-shadow:0 3px 10px #0000000d;margin:0;transition:background-color .5s ease}.about-left{flex:1;min-width:200px;max-width:300px;border-radius:5px 0 0 5px}.about-right{flex:2;min-width:250px;max-width:600px;border-radius:0 5px 5px 0}.pdp{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin-bottom:25px;background-color:#e5e7eb;transition:background-color .5s ease}.info{width:100%;display:flex;flex-direction:column;align-items:center;padding:15px;box-sizing:border-box;border-radius:0 0 0 5px}.title-info{background-color:#0ea5e9;width:100%;padding:0 15px;margin-bottom:25px;border-radius:5px 0 0;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.info-row{width:100%;display:flex;justify-content:space-between;margin-bottom:15px}.name{margin-bottom:30px}.info-row .label{font-weight:600;color:#333}.info-row .value{font-weight:400;color:#334155}.email{display:inline-block;text-decoration:underline;text-decoration-color:#0ea5e9;text-underline-offset:5px;color:#334155;transition:color .2s ease,transform .2s ease}.email:hover{color:#0ea5e9;transform:scale(1.1)}.value,.label,.name{font-family:Vazirmatn,sans-serif;transition:color .3s ease}.about-me{border-radius:5px;width:95%;margin-bottom:30px}.about-me-header,.skills-header{width:100%;display:flex;justify-content:center;align-items:center;border-radius:5px 5px 0 0;padding:0 15px;box-sizing:border-box;border-bottom:2px solid #ccc;transition:border-bottom .5s ease}.about-me-content,.skills-content{width:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;border-radius:0 0 5px 5px}.skills{border-radius:5px;width:95%}.skills-content{flex-wrap:wrap;justify-content:center}.icon-container{margin:10px 10px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-name{font-size:13px;font-weight:500}.icons{display:flex;margin-bottom:5px;border-radius:50%;padding:10px;background-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000001a;transition:background-color .5s ease,transform .5s ease}.icons:hover{transform:scale(1.1);background-color:#fffc}.title-info,.about-me-header,.skills-header{background-color:#e0e0e0;box-shadow:0 2px 6px #0000000d;transition:background-color .5s ease}.info,.about-me-content,.skills-content{background-color:#fff;transition:background-color .5s ease}.page.dark-mode .about-left,.page.dark-mode .about-right{background-color:#2c2c2c;box-shadow:0 6px 20px #00000080}.page.dark-mode .title-info,.page.dark-mode .about-me-header,.page.dark-mode .skills-header{background-color:#3a3a3a;box-shadow:0 2px 6px #0000004d}.page.dark-mode .info,.page.dark-mode .about-me-content,.page.dark-mode .skills-content{background-color:#1f1f1f}.page.dark-mode .about-me-header,.page.dark-mode .skills-header{border-bottom:2px solid #555}.page.dark-mode .info-row .value,.page.dark-mode .name,.page.dark-mode .email{color:#fff}.page.dark-mode .email:hover{color:#38bdf8}.page.dark-mode .info-row .label{color:#eaeaea}.page.dark-mode .icons{background-color:#32323299;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px #00000080}.page.dark-mode .icons:hover{background-color:#464646cc}.page.dark-mode .pdp{background-color:#555}@media(max-width:650px){.about-container{margin-top:25px}.about-left,.about-right{flex:1 1 100%;max-width:100%;border-radius:5px;margin:10px}.name{font-size:20px;margin-bottom:20px}.info-row{flex-direction:column;align-items:flex-start}.title-info{border-radius:5px 5px 0 0}.info{border-radius:0 0 5px 5px}.about-me{width:100%;margin:0 0 20px}.skills{width:100%;margin:0}}ul{list-style:none;padding:0;margin:0}.navbar{width:100%;height:64px;display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;background-color:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 5px #0003;transition:background-color .5s ease,box-shadow .5s ease}.navdiv{display:flex;justify-content:space-between;width:50%}.nav-links{display:flex;align-items:center;gap:20px}.link{text-decoration:none;color:#334155;font-weight:700;transition:text-decoration-color .3s;font-size:.9rem;transition:color .5s ease}.link:hover{text-decoration:underline;text-decoration-color:#0ff;text-decoration-thickness:1px;text-underline-offset:5px}.nav-divider{color:#cbd5e1}.change-themes{display:flex;align-items:center;justify-content:center}.material-symbols-outlined{cursor:pointer;background:none;border:none;font-size:22px;color:#334155;transition:color .5s ease,transform .2s ease,box-shadow .3s ease;border-radius:50%;padding:8px}.material-symbols-outlined:active{transform:scale(1.2) rotate(15deg)}.material-symbols-outlined:hover{color:gold}.navbar.dark-mode{background-color:#1e1e1eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 5px #00000080}.navbar.dark-mode .link,.navbar.dark-mode .material-symbols-outlined{color:#fff}.navbar.dark-mode .material-symbols-outlined:hover{color:#87cefa}@media(hover:hover)and (pointer:fine){.material-symbols-outlined:hover{color:gold;box-shadow:0 0 12px #ffd70099;transform:scale(1.1)}.navbar.dark-mode .material-symbols-outlined:hover{color:#87cefa;box-shadow:0 0 12px #87cefa99}}@media(max-width:650px){.navbar{height:56px}.navdiv{width:85%}.nav-links{gap:10px}.link{font-size:.8rem}.material-symbols-outlined{font-size:20px}}.home-container{min-height:100vh;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;margin-top:50px}.title-container{display:flex;justify-content:space-between;width:fit-content;height:fit-content;align-items:center;flex-wrap:wrap}.title,.subtitle{margin:0;font-family:Geist,sans-serif}.title{font-size:4.5rem;font-weight:600}.effects{display:flex;justify-content:center;align-items:center;margin-left:10px;position:relative}.star{position:absolute;animation:sparkle 3s linear infinite;opacity:0;fill:#9e7aff;transition:fill .5s ease}.star1{animation-delay:0s,0s,0s;top:20%;left:7%}.star2{animation-delay:.5s,.5s,.5s;top:15%;left:35%}.star3{animation-delay:1s,1s,1s;top:75%;left:25%}.star4{animation-delay:1.5s,1.5s,1.5s;top:30%;left:60%}.star5{animation-delay:2s,2s,2s;top:70%;left:90%}@keyframes sparkle{0%{transform:rotate(0) scale(0);opacity:0;filter:drop-shadow(0 0 2px #FE8BBB)}25%{transform:rotate(90deg) scale(.5);opacity:.6;filter:drop-shadow(0 0 6px #FE8BBB)}50%{transform:rotate(180deg) scale(1);opacity:1;filter:drop-shadow(0 0 10px #FE8BBB)}75%{transform:rotate(120deg) scale(0);opacity:.2;filter:drop-shadow(0 0 6px #FE8BBB)}to{transform:rotate(0) scale(0);opacity:0;filter:drop-shadow(0 0 2px #FE8BBB)}}.subtitle{margin-top:30px;font-size:1.5rem;font-weight:400;display:inline-block}.subtitle:after{content:"...";width:3ch;display:inline-block;animation:blinkDots 1.5s infinite steps(3,end)}.dots{display:inline-block;animation:blinkDots 1.5s infinite steps(3,end)}@keyframes blinkDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.projects-container{background-color:#f8f8f8;box-shadow:0 3px 10px #0000000d;margin-top:75px;max-width:1000px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:1.5rem;padding:20px;border-radius:12px;transition:background-color .5s ease}.project-card{width:100%;height:300px;border-radius:12px;text-decoration:none;color:#334155;border:2px solid #e2e8f0;transition:color .5s ease,border .5s ease,box-shadow .5s ease}.project-card:hover{border:2px solid #0ea4e9c1;box-shadow:0 0 20px #0ea4e980}.card{width:100%;height:100%;border-radius:12px}.card-info{background-color:#e0e0e0;width:100%;height:35%;border-radius:0 0 10px 10px;display:flex;justify-content:center;align-items:center;transition:background-color .5s ease}.card-img{width:100%;height:65%;border-radius:10px 10px 0 0;overflow:hidden}.info-project h3,.info-project p{margin:0;transition:color .5s ease}.info-project h3{margin-bottom:5px}.info-project{width:250px}.h3-icon{display:flex;justify-content:space-between}.h3-icon svg{transition:transform .3s ease}.project-card:hover svg{transform:translate(5px,-5px)}.project-image{display:block;width:100%;height:100%;border-radius:10px 10px 0 0;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.2)}.page.dark-mode .star{fill:gold}.page.dark-mode .info-project h3,.page.dark-mode .info-project p,.page.dark-mode .project-card{color:#fff}.page.dark-mode .projects-container{background-color:#2c2c2c;box-shadow:0 6px 20px #00000080}.page.dark-mode .card-info{background-color:#3a3a3a;box-shadow:0 2px 6px #0000004d}.page.dark-mode .project-card{border:2px solid rgba(255,255,255,.1)}.page.dark-mode .project-card:hover{border:2px solid #9e7aff;box-shadow:0 0 20px #9e7aff80}@media(max-width:650px){.home-container{margin-top:25px}.title,.effects{font-size:2.5rem}.star{width:14px;height:14px}.subtitle{margin-top:25px;font-size:1rem}.projects-container{margin-top:40px}.projects-container{grid-template-columns:repeat(1,300px)}}.socialbar{margin-top:2.5rem;border-top:1px solid transparent;background:linear-gradient(to right,transparent,rgba(0,0,0,.15),transparent);background-size:50% 2px;background-repeat:no-repeat;background-position:top;padding:5px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:60%}.social-list{margin-top:15px;display:flex;gap:15px;justify-content:center}.social-list a{display:inline-block;color:#33415580;transition:transform .2s ease,color .3s ease;font-size:25px}.social-list a:hover{color:#000;transform:scale(1.2) rotate(10deg)}.social-c{color:#33415580;transition:color .5s ease}.page.dark-mode .socialbar{border-top:1px solid transparent;background:linear-gradient(to right,transparent,rgba(255,255,255,.25),transparent);background-size:50% 2px;background-repeat:no-repeat;background-position:top}.page.dark-mode .socialbar a{color:#ffffffb3}.page.dark-mode .socialbar a:hover{color:#87cefa}.page.dark-mode .socialbar .social-c{color:#ffffffb3}@media(max-width:650px){.social-list a{font-size:20px}.socialbar{padding:3px 0;width:90%}}.page{padding-top:64px;min-height:100vh;transition:background-color .5s ease,color .5s ease;color:#334155;display:flex;justify-content:center;align-items:center;flex-direction:column}.page.dark-mode{color:#fff}