:root,[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1c1c1c;--bg-tertiary:#242424;--bg-elevated:#2a2a2a;--bg-card:rgba(0,0,0,.187);--text-primary:#e3e3e3;--text-secondary:#cdcdcd;--text-muted:#999;--text-accent:#fff;--border-color:hsla(0,0%,100%,.358);--border-strong:#c4c4c4;--border-hover:hsla(0,0%,100%,.505);--navbar-bg:#10101066;--navbar-shadow:#ebebeb1a;--hero-gradient:linear-gradient(200deg,#353535,#121212 50%,#242424);--projects-gradient:linear-gradient(123deg,#050505,#101010 50%,#020202);--card-hover-shadow:hsla(0,0%,100%,.383);--btn-bg:#0000;--btn-text:#e3e3e3;--btn-border:#e3e3e3;--btn-hover-bg:#e3e3e3;--btn-hover-text:#101010;--contact-hover-glow:#fff;--logo-invert:invert(100%);--skill-card-bg:#1c1c1c;--skill-card-border:#c4c4c4;--production-btn-bg:#cdcdcd;--production-btn-text:#1c1c1c;--production-btn-hover-bg:#fff;--production-btn-hover-text:#000;--production-btn-hover-shadow:#fff;--particle-color-1:#ffffff2e;--particle-color-2:#ffffff1f;--particle-color-3:#c8b48c38;--particle-glow:#ffffff59;--divider-color:#ffffffc2;--divider-glow:#ffffffc2;--scrollbar-track:#1c1c1c;--scrollbar-thumb:#444;--soft-skill-border:#c4c4c4;--project-heading-border:#cdcdcd;--main-projects-bg:#1c1c1c}[data-theme=light]{--bg-primary:#f7f5f0;--bg-secondary:#eeeae3;--bg-tertiary:#e6e0d6;--bg-elevated:#fff;--bg-card:#ffffffb3;--text-primary:#1a1a1a;--text-secondary:#3d3832;--text-muted:#7a7267;--text-accent:#0d0d0d;--border-color:#b4a58c59;--border-strong:#b8a88a;--border-hover:#a08c6499;--navbar-bg:#f7f5f0bf;--navbar-shadow:#00000014;--hero-gradient:linear-gradient(200deg,hsla(44,69%,72%,.769),#ad9065 40%,#e9cc9bad);--projects-gradient:linear-gradient(123deg,#eeeae3,#f2ede5 50%,#e8e0d4);--card-hover-shadow:#a08c6440;--btn-bg:#0000;--btn-text:#3d3832;--btn-border:#3d3832;--btn-hover-bg:#3d3832;--btn-hover-text:#f7f5f0;--contact-hover-glow:#6b5c3e;--logo-invert:invert(0%);--skill-card-bg:#f7f5f0;--skill-card-border:#c8b898;--production-btn-bg:#3d3832;--production-btn-text:#f7f5f0;--production-btn-hover-bg:#1a1a1a;--production-btn-hover-text:#fff;--production-btn-hover-shadow:#3d383266;--particle-color-1:#695d4540;--particle-color-2:#4d43302e;--particle-color-3:#443a274d;--particle-glow:rgba(87,85,81,.473);--divider-color:#3d383299;--divider-glow:#3d38324d;--scrollbar-track:#eeeae3;--scrollbar-thumb:#c8b898;--soft-skill-border:#b8a88a;--project-heading-border:#8a7a5e;--main-projects-bg:#f7f5f0}*,:after,:before{transition-duration:.4s;transition-property:background-color,color,border-color,box-shadow,filter;transition-timing-function:ease}.scroll-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important}.scroll-reveal-left.revealed{opacity:1;transform:translateX(0)}.scroll-reveal-right{opacity:0;transform:translateX(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important}.scroll-reveal-right.revealed{opacity:1;transform:translateX(0)}.scroll-reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important}.scroll-reveal-scale.revealed{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s!important}.stagger-2{transition-delay:.2s!important}.stagger-3{transition-delay:.3s!important}.stagger-4{transition-delay:.4s!important}.stagger-5{transition-delay:.5s!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;::-webkit-scrollbar{display:none}}.hero{background:var(--hero-gradient);color:var(--text-primary);height:calc(100vh - 150px);overflow:hidden;padding:30px 40px;text-align:center}.hero,.hero-content{display:flex;position:relative}.hero-content{align-items:center;height:100%;width:100%;z-index:2}.hero img{border-radius:100%;box-shadow:0 0 60px var(--particle-glow);height:400px;width:400px}.hero .hero-text,.hero img{margin:auto;position:relative;z-index:2}.hero .hero-text{font-family:Audiowide,sans-serif;font-size:2rem;font-style:normal;font-weight:400;padding-top:55px}.hero .hero-text h1:after{background-color:var(--divider-color);border-radius:2px;box-shadow:0 0 10px var(--divider-glow);content:"";display:block;height:4px;margin:0 auto;width:140px}.hero .hero-text p{color:var(--text-secondary);font-size:24px;padding-top:30px}.hero .buttons-holder{align-items:center;display:flex;justify-content:center}.projects{background:var(--projects-gradient);color:var(--text-primary);padding-bottom:5vh}.projects-title{font-size:22px;padding:40px}.project-cards-holder{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(4,1fr);padding:20px}.project-cards-holder h1{text-align:start}.project-cards-holder a{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:2px solid var(--border-color);border-radius:15px;color:var(--text-primary);padding:15px;text-decoration:none;transition:.4s ease-out}.project-cards-holder a:hover{border:3px solid var(--border-hover);box-shadow:0 8px 32px 0 var(--card-hover-shadow);scale:1.01;transition:.4s ease-out}.project-cards-holder p{color:var(--text-secondary);font-weight:500;padding-top:20px;text-align:start}.amanak-card{grid-column:span 2;grid-row:span 3}.amanak-card li{margin:18px 20px}.amanak-card strong{font-weight:800}.dbd-card{grid-column:span 1}.Zaytooon-card,.dbd-card{grid-row:span 2}.d4-card{grid-column:span 2;grid-row:span 1}.icon-holder{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(0,0,0,.318);border:2px solid var(--border-strong);border-radius:7px;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-bottom:10px;padding:10px;width:-webkit-fit-content;width:fit-content}.skills{background-color:var(--bg-secondary);color:var(--text-secondary);padding-top:50px}.skills-title{font-size:22px;margin-bottom:13px}.skills-marquee-container{margin:auto;mask-image:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);overflow:hidden;padding:20px 0;width:80%}.skills-marquee-track{animation:scroll-loop 20s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.skills-text-holder{align-items:center;display:flex;gap:60px;padding-right:60px}.skill-text{color:var(--text-accent);margin:0;white-space:nowrap}.skills-details{display:grid;grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(5,1fr)}.skills-details div{background-color:var(--skill-card-bg);border:2px solid var(--skill-card-border);border-radius:10px;margin:10px;padding:12px;transition:.3s ease}.skills-details div:hover{border-color:var(--border-hover);box-shadow:0 4px 20px var(--card-hover-shadow)}.title{margin-bottom:15px;margin-top:20px}.soft-skills{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:40px}.soft-skill-card{border-left:3px solid var(--soft-skill-border);padding-left:10px;text-align:start;width:300px}.contact{align-items:center;background-color:var(--bg-primary);color:var(--text-secondary);display:flex;justify-content:space-between;padding:40px;text-align:start}.contact-content{display:flex;flex-wrap:wrap;gap:20px}.contact-card{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:5px;justify-content:center;text-decoration:none;transition:.3s ease-in-out}.contact-card:hover{color:var(--text-accent);scale:1.1;text-shadow:0 0 10px var(--contact-hover-glow);transition:.3s ease-in-out}@media (max-width:768px){.hero{height:calc(100vh - 300px);padding-top:200px}.hero,.hero-content{align-items:center;flex-direction:column;justify-content:center}.hero .hero-text h1{font-size:1.5rem}.hero .hero-text p{font-size:1rem}.hero img{height:200px;margin-top:0;padding-top:0;width:200px}.hero .hero-buttons{flex-direction:column;gap:10px;margin:20px 0 0}.project-cards-holder{grid-auto-rows:auto;grid-template-columns:1fr}.hero .hero-buttons button{min-width:-webkit-fit-content;min-width:fit-content;width:100%}.project-cards-holder a{grid-column:span 1;grid-row:span 1}.skills-marquee-container{width:100%}.skills-details{display:grid;grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(2,1fr)}.skills-details div{padding:2px}.skill-card-css{grid-column:span 1;grid-row:span 1}.skill-card-appwrite{grid-column:span 1;grid-row:span 2}.contact{display:flex;flex-direction:column;gap:30px}.contact-content{align-items:center;justify-content:center}}@keyframes scroll-loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}*{margin:0;padding:0;scroll-behavior:smooth}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--navbar-bg);border-bottom:1px solid var(--border-color);box-shadow:0 8px 32px 0 var(--navbar-shadow);height:100px;justify-content:space-between;left:0;padding-left:15px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.logo-holder,.navbar{align-items:center;display:flex}.logo-holder{justify-content:flex-start}.logo-holder img{filter:var(--logo-invert);height:60px;left:0;top:0;width:auto}.links-holder,.logo-holder img{align-items:center;display:flex;justify-content:center}.links-holder{flex-direction:row}.links-holder ul{display:flex;gap:25px;list-style:none}.links-holder ul li a{color:var(--text-primary);font-size:17px;font-style:normal;font-weight:400;text-decoration:none;transition:.3s ease-in-out}.links-holder ul li a:hover{color:var(--text-accent);text-shadow:0 0 8px var(--contact-hover-glow)}.navbar-right{align-items:center;display:flex;gap:20px;padding-right:40px}.navbar .button-holder{align-items:center;display:flex;justify-content:flex-end}.navbar .button-holder button{background-color:var(--btn-bg);border:2px solid var(--btn-border);border-radius:25px;color:var(--btn-text);cursor:pointer;font-size:20px;font-weight:400;padding:10px 20px;transition:.3s ease-in-out}.navbar .button-holder button:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-text);transition:.3s ease-in-out}.theme-toggle{align-items:center;cursor:pointer;display:flex;outline:none}.theme-toggle-track{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1.5px solid var(--border-color);border-radius:14px;display:flex;height:28px;justify-content:space-between;padding:0 6px;position:relative;transition:all .4s ease;width:56px}[data-theme=light] .theme-toggle-track{background:linear-gradient(135deg,#0000000a,#00000005);border-color:var(--border-strong)}.theme-toggle:hover .theme-toggle-track{border-color:var(--border-hover);box-shadow:0 0 16px var(--particle-glow)}.theme-toggle-icon{align-items:center;display:flex;justify-content:center;transition:all .4s ease;z-index:1}.theme-icon-sun{color:#f5c542;opacity:.4}.theme-icon-moon{color:#8ba4c7;opacity:1}[data-theme=light] .theme-icon-sun{color:#d4940a;opacity:1}[data-theme=light] .theme-icon-moon{opacity:.4}.theme-toggle-thumb{background:linear-gradient(135deg,#e3e3e3,silver);border-radius:50%;box-shadow:0 2px 6px #0000004d;height:20px;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:20px}.theme-toggle-thumb.thumb-light{background:linear-gradient(135deg,#f5c542,#d4940a);box-shadow:0 2px 8px #f5c54266;left:31px}@media (max-width:768px){.navbar ul{display:none}.navbar .button-holder button{font-size:1rem}.navbar .logo-holder img{height:40px}.navbar{height:70px}.navbar-right{gap:12px;padding-right:15px}.theme-toggle-track{height:24px;width:48px}.theme-toggle-thumb{height:16px;width:16px}.theme-toggle-thumb.thumb-light{left:27px}.theme-toggle-icon svg{height:11px;width:11px}}.contact-modal-overlay{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0000008c;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .35s ease,visibility .35s ease;visibility:hidden;z-index:9999}.contact-modal-overlay.open{opacity:1;visibility:visible}.contact-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 24px 80px #00000059;max-height:85vh;max-width:520px;opacity:0;overflow-y:auto;padding:40px 36px 36px;position:relative;transform:translateY(30px) scale(.95);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1);width:90%}.contact-modal-overlay.open .contact-modal{opacity:1;transform:translateY(0) scale(1)}.contact-modal::-webkit-scrollbar{width:6px}.contact-modal::-webkit-scrollbar-track{background:#0000}.contact-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.contact-modal-close{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .25s ease;width:36px}.contact-modal-close:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-bg);color:var(--btn-hover-text);transform:rotate(90deg)}.contact-modal-header{margin-bottom:28px;text-align:center}.contact-modal-header h2{color:var(--text-primary);font-size:1.6rem;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.contact-modal-header p{color:var(--text-muted);font-size:.9rem;font-weight:400}.contact-modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.contact-modal-link{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;opacity:0;padding:20px 10px;text-decoration:none;transform:translateY(16px);transition:all .3s ease}.contact-modal-overlay.open .contact-modal-link{opacity:1;transform:translateY(0)}.contact-modal-overlay.open .contact-modal-link:first-child{transition-delay:.08s}.contact-modal-overlay.open .contact-modal-link:nth-child(2){transition-delay:.12s}.contact-modal-overlay.open .contact-modal-link:nth-child(3){transition-delay:.16s}.contact-modal-overlay.open .contact-modal-link:nth-child(4){transition-delay:.2s}.contact-modal-overlay.open .contact-modal-link:nth-child(5){transition-delay:.24s}.contact-modal-overlay.open .contact-modal-link:nth-child(6){transition-delay:.28s}.contact-modal-overlay.open .contact-modal-link:nth-child(7){transition-delay:.32s}.contact-modal-overlay.open .contact-modal-link:nth-child(8){transition-delay:.36s}.contact-modal-overlay.open .contact-modal-link:nth-child(9){transition-delay:.4s}.contact-modal-link:hover{border-color:var(--border-hover);box-shadow:0 4px 24px var(--card-hover-shadow);color:var(--text-accent);text-shadow:0 0 10px var(--contact-hover-glow);transform:translateY(-4px)}.contact-modal-link svg{transition:transform .3s ease}.contact-modal-link:hover svg{transform:scale(1.15)}.contact-modal-link span{font-size:.78rem;font-weight:500;letter-spacing:.01em}@media (max-width:500px){.contact-modal{border-radius:16px;padding:32px 20px 24px}.contact-modal-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.contact-modal-link{padding:16px 8px}.contact-modal-link svg{height:30px!important;width:30px!important}.contact-modal-header h2{font-size:1.3rem}}.hero-particles{inset:0;overflow:hidden;pointer-events:auto;position:absolute;z-index:1}.hero-particle{pointer-events:none;position:absolute;transition:none!important;transition-duration:0s!important;transition-property:none!important;will-change:transform,left,top}.particle-circle{background:radial-gradient(circle at 35% 35%,var(--particle-glow),var(--particle-color-1));border-radius:50%;box-shadow:0 0 12px 2px var(--particle-glow)}.particle-diamond{background:var(--particle-color-3);border-radius:3px;box-shadow:0 0 16px 3px var(--particle-glow);transform:rotate(45deg)}.particle-dot{background:var(--particle-color-2);border-radius:50%;box-shadow:0 0 6px 1px var(--particle-glow),0 0 20px 4px var(--particle-color-1)}.hero-particles:after,.hero-particles:before{animation:float-glow 14s ease-in-out infinite alternate;border-radius:50%;content:"";filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.hero-particles:before{background:var(--particle-color-3);height:350px;left:12%;opacity:.7;top:8%;width:350px}.hero-particles:after{animation-delay:-7s;background:var(--particle-color-1);bottom:12%;height:280px;opacity:.6;right:8%;width:280px}@keyframes float-glow{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-25px) scale(1.2)}}.main-projects{background-color:var(--main-projects-bg);color:var(--text-secondary);padding-bottom:120px}.projects-container{color:var(--text-primary);margin-top:30px}.projects-main{margin:40px;text-align:left}.production-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:2px solid var(--border-strong);border-radius:20px;max-width:40%;min-width:335px;padding:13px;transition:.4s ease;width:-webkit-fit-content;width:fit-content}.production-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px var(--card-hover-shadow)}.production-card img{border-radius:10px;object-fit:cover;transition:.5s;width:100%}.production-card img:hover{transform:scale(1.02);transition:.5s}.production-img-container{border-radius:10px;overflow:hidden;width:100%}.production-card h4{font-size:large;margin-top:12px}.production-card p{color:var(--text-secondary);height:140px;min-height:-webkit-fit-content;min-height:fit-content}.production-cards-holder{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-bottom:60px;margin-top:30px}.production-buttons{display:flex}.production-buttons a{background-color:var(--production-btn-bg);border-radius:10px;color:var(--production-btn-text);font-weight:600;margin:10px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px;text-align:center;text-decoration:none;transition:.5s;width:80%}.production-buttons a:hover{background-color:var(--production-btn-hover-bg);box-shadow:0 0 20px var(--production-btn-hover-shadow);color:var(--production-btn-hover-text);transform:scale(1.04);transition:.5s}.projects-main h2{border-left:5px solid var(--project-heading-border);margin-bottom:10px;padding-left:8px}.hobby-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:2px solid var(--border-strong);border-radius:20px;max-width:40%;min-width:335px;padding:13px;transition:.4s ease;width:-webkit-fit-content;width:fit-content}.hobby-card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px var(--card-hover-shadow)}.hobby-card img{border-radius:10px;object-fit:cover;transition:.5s;width:100%}.hobby-card img:hover{transform:scale(1.02);transition:.5s}.hobby-cards-holder{display:flex;flex-wrap:wrap;gap:50px;justify-content:center;margin-top:50px}.hobby-cards-holder h4{font-size:large;margin-top:10px}.hobby-cards-holder p{color:var(--text-secondary);height:100px;min-height:-webkit-fit-content;min-height:fit-content}.amanak-page,.zaytooon-page{background-color:var(--bg-secondary);min-height:100vh;position:relative}.under-development-title{color:var(--text-secondary);font-size:3rem;top:50%}.under-development-subtitle,.under-development-title{font-weight:600;left:50%;margin:auto;position:absolute;transform:translate(-50%,-50%)}.under-development-subtitle{color:var(--text-muted);font-size:1.5rem;top:60%}
/*# sourceMappingURL=main.1b8f49ce.css.map*/