:root{font-family:Vazirmatn,Segoe UI,Tahoma,Arial,sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:inherit}*:focus,*:focus-visible{outline:none!important;box-shadow:none!important}button:focus,button:focus-visible,a:focus,a:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:none!important;box-shadow:none!important}[dir=ltr]{direction:ltr;unicode-bidi:embed}html{scroll-behavior:smooth}body{font-family:inherit;background:#0a0e27;color:#fff;overflow-x:hidden;line-height:1.6;transition:background-color .5s ease,color .5s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.icon{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0}.icon--spinner{animation:icon-spin 1s linear infinite}.icon--success{color:#4ecdc4;margin-inline-end:.35rem}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at top,#1a1f3a,#0a0e27);transition:background .5s ease}.animated-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="g1"><stop offset="0%" stop-color="%2300f5ff" stop-opacity=".05"/><stop offset="100%" stop-color="%2300f5ff" stop-opacity="0"/></radialGradient><radialGradient id="g2"><stop offset="0%" stop-color="%23ff6b6b" stop-opacity=".03"/><stop offset="100%" stop-color="%23ff6b6b" stop-opacity="0"/></radialGradient></defs><circle cx="100" cy="100" r="80" fill="url(%23g1)"/><circle cx="900" cy="200" r="120" fill="url(%23g2)"/><circle cx="200" cy="800" r="100" fill="url(%23g1)"/><circle cx="800" cy="700" r="90" fill="url(%23g2)"/></svg>')}@keyframes floatBg{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,-30px) rotate(90deg)}50%{transform:translate(-10px,20px) rotate(180deg)}75%{transform:translate(30px,10px) rotate(270deg)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:70px;font-weight:900;background:linear-gradient(45deg,#00f5ff,#ff6b6b,#4ecdc4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,245,255,.1)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;border-radius:50%;bottom:-10px;pointer-events:none}.particle.type-1{width:3px;height:3px;background:#00f5ff;box-shadow:0 0 10px #00f5ff;animation:float-particle-1 8s infinite linear}.particle.type-2{width:2px;height:2px;background:#ff6b6b;box-shadow:0 0 8px #ff6b6b;animation:float-particle-2 10s infinite linear}@keyframes float-particle-1{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px) rotate(360deg);opacity:0}}@keyframes float-particle-2{0%{transform:translateY(0) translate(0) scale(0);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{transform:translateY(-100vh) translate(-30px) scale(0);opacity:0}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:14px 0;background:#070b20d1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(88,114,255,.28);box-shadow:0 18px 45px #05091e52;transition:background-color .35s ease,box-shadow .35s ease,border-color .35s ease,padding .35s ease}.navbar.scrolled{background:#040714f2;padding:10px 0;border-bottom-color:#6eb9ff66;box-shadow:0 16px 36px #05091e73}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 28px}.logo{font-size:1.45rem;font-weight:700;color:#f4f8ff;letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:transform .3s ease,filter .3s ease}.logo:hover{transform:translateY(-2px);filter:drop-shadow(0 6px 18px rgba(99,179,237,.45))}.nav-links{display:flex;align-items:center;gap:18px;list-style:none;transition:right .4s cubic-bezier(.4,0,.2,1)}.nav-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:10px 20px;min-height:44px;border-radius:999px;font-size:.95rem;font-weight:600;color:#f4f8ff;text-decoration:none;letter-spacing:.01em;transition:color .25s ease,background-color .25s ease,box-shadow .25s ease,transform .25s ease;isolation:isolate}.nav-links a:after{content:"";position:absolute;left:18px;right:18px;bottom:6px;height:3px;border-radius:999px;background:linear-gradient(90deg,#35e4ff,#5f8bff);opacity:0;transform:scaleX(.4);transform-origin:center;transition:transform .25s ease,opacity .25s ease;pointer-events:none}.nav-links a:hover,.nav-links a:focus-visible{color:#e3f6ff;background-color:#4d6eff24;box-shadow:0 12px 24px #2858ff38;transform:translateY(-2px)}.nav-links a:hover:after,.nav-links a:focus-visible:after{opacity:1;transform:scaleX(1)}.nav-links a:focus-visible{outline:3px solid rgba(80,125,255,.55);outline-offset:2px}.nav-links a[aria-current=page],.nav-links a.active{color:#dff8ff;background-color:#4d6eff2e;box-shadow:0 14px 28px #2858ff42}.nav-links a[aria-current=page]:after,.nav-links a.active:after{opacity:1;transform:scaleX(1)}.nav-auth{display:flex;align-items:center}.nav-auth form{margin:0}.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1.8rem;min-height:44px;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:.01em;text-decoration:none;cursor:pointer;border:1px solid rgba(91,123,255,.45);background:#2f448c38;color:#e9f2ff;transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease,color .25s ease}.nav-button:hover{transform:translateY(-2px);background:#5072ff47;box-shadow:0 16px 36px #3466ff4d}.nav-button:focus-visible{outline:3px solid rgba(91,123,255,.55);outline-offset:3px;transform:translateY(-2px)}.nav-button--ghost{border-color:#5b7bff73;background:#5072ff2e;color:#e6f3ff;box-shadow:0 12px 28px #3466ff38}.nav-button--ghost:hover,.nav-button--ghost:focus-visible{background:#6082ff42;box-shadow:0 18px 38px #3466ff4d}.nav-button--primary{border-color:transparent;background:linear-gradient(135deg,#31e5ff,#6b7aff);color:#041125;box-shadow:0 20px 45px #4377ff61}.nav-button--primary:hover,.nav-button--primary:focus-visible{background:linear-gradient(135deg,#49ecff,#7c88ff);box-shadow:0 24px 52px #4377ff73}body.menu-open{overflow:hidden}.footer{background:linear-gradient(to bottom,#0a0e27f2,#0a0e27);padding:80px 0 20px;border-top:1px solid rgba(0,245,255,.2);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00f5ff,transparent);animation:scanLine 3s linear infinite}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:40px;text-align:right}.footer-column{padding:10px}.footer-column h4{font-size:1.4rem;color:#00f5ff;margin-bottom:25px;font-weight:700;position:relative;padding-bottom:10px}.footer-column h4:after{content:"";position:absolute;bottom:0;right:0;width:50px;height:3px;background:#00f5ff;border-radius:1.5px}.footer-column p,.footer-column ul{color:#b8bcc8;font-size:1rem;line-height:1.8}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:#b8bcc8;text-decoration:none;transition:color .3s ease,transform .3s ease,text-shadow .3s ease;display:inline-block}.footer-column ul li a:hover{color:#00f5ff;transform:translate(-5px);text-shadow:0 0 8px rgba(0,245,255,.5)}.footer-column.about-column .footer-logo{margin-bottom:15px}.footer-logo{font-size:28px;font-weight:700;color:#00f5ff;text-shadow:0 0 20px rgba(0,245,255,.5);margin-bottom:20px;display:inline-block}.footer-social-section{text-align:center;margin-bottom:40px}.footer-social-section h4{font-size:1.4rem;color:#00f5ff;margin-bottom:20px;font-weight:700}.social-links{display:flex;justify-content:center;gap:20px}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#00f5ff1a;border:2px solid rgba(0,245,255,.3);border-radius:50%;color:#00f5ff;font-size:1.2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-link svg{width:1.15rem;height:1.15rem;transition:transform .3s ease}.social-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#00f5ff;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;z-index:-1}.social-link:hover:before{width:100%;height:100%}.social-link:hover{transform:translateY(-5px) rotate(360deg) scale(1.1);color:#0a0e27;border-color:#00f5ff;box-shadow:0 10px 20px #00f5ff4d}.social-link:hover svg{transform:scale(1.05)}.footer-bottom{text-align:center;padding-top:30px;margin-top:0;border-top:1px solid rgba(0,245,255,.1)}.footer-bottom p{color:#b8bcc8;font-size:.95rem;margin:8px 0}.footer .highlight{color:#00f5ff;font-weight:700;text-shadow:0 0 10px rgba(0,245,255,.5)}.mobile-menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:48px;height:48px;padding:0;border-radius:16px;border:1px solid rgba(88,114,255,.35);background:#24357899;color:#e5f2ff;cursor:pointer;z-index:1001;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.mobile-menu-toggle span{width:26px;height:2px;border-radius:999px;background:currentColor;transition:transform .3s ease,opacity .3s ease,width .3s ease}.mobile-menu-toggle:hover{transform:translateY(-2px);background:#364ea4b3;border-color:#6684ff73;box-shadow:0 18px 36px #3466ff59}.mobile-menu-toggle:focus-visible{outline:3px solid rgba(91,123,255,.55);outline-offset:4px;transform:translateY(-2px)}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg);width:28px}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);width:28px}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e27;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 1s ease,visibility 1s ease;visibility:visible}.loading-screen.hide{opacity:0;visibility:hidden;pointer-events:none}.loader{width:100px;height:100px;position:relative}.loader-circle{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#00f5ff;border-radius:50%;animation:spin 1s linear infinite}.loader-circle:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#ff6b6b;animation-duration:.8s;animation-direction:reverse}.loader-circle:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:#4ecdc4;animation-duration:.6s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-reveal{opacity:0;transform:translateY(60px) scale(.95);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),box-shadow .8s cubic-bezier(.4,0,.2,1)}.scroll-reveal.active{opacity:1;transform:translateY(0) scale(1)}.glow-on-hover{transition:all .3s ease}.glow-on-hover:hover{box-shadow:0 0 40px #00f5ff99;text-shadow:0 0 20px rgba(0,245,255,.8)}.wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url('data:image/svg+xml,<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1200 100"><path d="M0,50 C200,0 400,100 600,50 C800,0 1000,100 1200,50 L1200,100 L0,100 Z" fill="%230b0f2c"/></svg>');background-size:1200px 100px;animation:wave 10s linear infinite;opacity:.5}@keyframes wave{0%{background-position-x:0}to{background-position-x:1200px}}.theme-toggle{position:fixed;bottom:30px;right:30px;width:50px;height:50px;padding:0;background:#00f5ff1a;border:2px solid rgba(0,245,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-toggle:hover{transform:scale(1.1) rotate(180deg);box-shadow:0 0 20px #00f5ff66}body.light-mode .theme-toggle:hover{box-shadow:0 0 20px #06f6}.theme-toggle:focus-visible{outline:3px solid rgba(0,245,255,.7);outline-offset:4px}body.light-mode .theme-toggle:focus-visible{outline-color:#06f9}.theme-toggle i{font-size:1.3rem;color:#00f5ff;transition:all .4s ease}body.light-mode .theme-toggle i{color:#06f}.badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:700;margin-left:10px;vertical-align:middle;animation:pulse 2s infinite}.badge-primary{background:linear-gradient(135deg,#00f5ff,#06f);color:#fff}body.light-mode .badge-primary{background:linear-gradient(135deg,#06f,#0af)}.badge-success{background:linear-gradient(135deg,#4ecdc4,#2a9d8f);color:#fff}.badge-warning{background:linear-gradient(135deg,#ffd166,#ffb700);color:#333}body.light-mode .badge-warning{color:#fff}.badge-secondary{background:linear-gradient(135deg,#4c6ef5,#7c3aed);color:#fff}body.light-mode .badge-secondary{background:linear-gradient(135deg,#5a67d8,#b794f4);color:#fff}@keyframes pulse{0%{transform:scale(1) translateY(0);box-shadow:0 0 5px #ffffff1a}50%{transform:scale(1.05) translateY(-1px);box-shadow:0 0 10px #ffffff4d}to{transform:scale(1) translateY(0);box-shadow:0 0 5px #ffffff1a}}@media (max-width: 992px){.hero-text-side{align-self:center;margin-top:0;text-align:center}}.typing-animation{display:inline-block;overflow:hidden;border-right:.15em solid #00f5ff;white-space:nowrap;margin:0;letter-spacing:.15em;animation:typing 3.5s steps(40,end) forwards,blink-caret-dark .75s step-end infinite}body.light-mode .typing-animation{border-right-color:#06f;animation:typing 3.5s steps(40,end) forwards,blink-caret-light .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret-dark{0%,to{border-color:transparent}50%{border-color:#00f5ff}}@keyframes blink-caret-light{0%,to{border-color:transparent}50%{border-color:#06f}}.chat-widget{position:fixed;bottom:30px;left:30px;z-index:999}.chat-toggle{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#00f5ff,#06f);color:#fff;border:none;cursor:pointer;box-shadow:0 5px 20px #00000040;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.chat-toggle:hover{transform:scale(1.1);box-shadow:0 8px 25px #00f5ff66}body.light-mode .chat-toggle{background:linear-gradient(135deg,#06f,#0af)}body.light-mode .chat-toggle:hover{box-shadow:0 8px 25px #06f6}.chat-container{position:absolute;bottom:calc(100% + 15px);left:0;width:330px;max-height:420px;background:#1e244d;color:#e0e0e0;border-radius:15px;box-shadow:0 10px 40px #0000004d;display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(0,245,255,.2)}.chat-container.active{display:flex}body.light-mode .chat-container{background:#fff;color:#333;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(0,102,255,.2)}.chat-header{background:#00f5ff1a;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,245,255,.2)}body.light-mode .chat-header{background:#0066ff1a;border-bottom-color:#06f3}.chat-header h4{margin:0;font-size:1.1rem;color:#00f5ff}body.light-mode .chat-header h4{color:#06f}.chat-close{background:none;border:none;color:#00f5ff;font-size:1.2rem;cursor:pointer;padding:5px}body.light-mode .chat-close{color:#06f}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-message{padding:8px 12px;border-radius:10px;max-width:80%;word-wrap:break-word}.chat-message.user{background:#007bff;color:#fff;align-self:flex-end;border-bottom-right-radius:0}.chat-message.bot{background:#343a40;color:#f0f0f0;align-self:flex-start;border-bottom-left-radius:0}body.light-mode .chat-message.user{background:#007bff}body.light-mode .chat-message.bot{background:#e9ecef;color:#333}.chat-input{display:flex;padding:10px;border-top:1px solid rgba(0,245,255,.2)}body.light-mode .chat-input{border-top-color:#06f3}.chat-input input{flex-grow:1;padding:10px 12px;border:1px solid rgba(0,245,255,.3);border-radius:20px;background:#0003;color:#fff;font-family:inherit;margin-left:10px}.chat-input input::-moz-placeholder{color:#aaa}.chat-input input::placeholder{color:#aaa}body.light-mode .chat-input input::-moz-placeholder{color:#888}body.light-mode .chat-input input::placeholder{color:#888}body.light-mode .chat-input input{background:#0000000d;border-color:#0066ff4d;color:#333}.chat-input button{background:#00f5ff;color:#0a0e27;border:none;border-radius:50%;width:40px;height:40px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.chat-input button:hover{background:#00c4cc}body.light-mode .chat-input button{background:#06f;color:#fff}body.light-mode .chat-input button:hover{background:#0052cc}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #00f5ff;outline-offset:2px}body.light-mode a:focus,body.light-mode button:focus,body.light-mode input:focus,body.light-mode select:focus,body.light-mode textarea:focus{outline-color:#06f}@media (max-width: 992px){.code-animation{display:none}.about-me-content{grid-template-columns:1fr;text-align:center}.about-me-image{margin-bottom:30px}.contact-container{grid-template-columns:1fr}.contact-form{margin-top:40px}.resume-container{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.footer-column{text-align:center}.footer-column h4:after{right:50%;transform:translate(50%)}.social-links{justify-content:center}.footer-social-section{margin-top:30px;margin-bottom:30px}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:min(82%,320px);height:100vh;padding:120px 32px 72px;background:#060a1cf5;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;overflow-y:auto;transition:right .4s cubic-bezier(.25,.46,.45,.94);box-shadow:-18px 0 45px #05091e6b}.nav-auth{width:100%;justify-content:center}.nav-auth form{width:100%;display:flex;justify-content:center}.nav-button{width:100%;max-width:260px}body.light-mode .nav-links{background:#fffffff2;box-shadow:-18px 0 40px #0f172a29}.nav-links.active{right:0}.nav-links li{width:100%}.nav-links a{width:100%;justify-content:flex-start;padding:14px 24px;transform:none}.nav-links a:after{left:24px;right:24px;bottom:10px}.nav-links a:hover,.nav-links a:focus-visible{transform:none;box-shadow:0 16px 32px #2858ff47}.hero{text-align:center}.hero-content{padding:40px 20px}.hero-subtitle{margin-right:auto;margin-left:auto}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px;text-align:center}.services-grid,.portfolio-grid,.testimonials-container{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.stat-number{font-size:2.5rem}.contact-form{padding:30px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-column h4:after{right:50%;transform:translate(50%)}.social-links{justify-content:center}.theme-toggle,.chat-widget{bottom:20px}.theme-toggle{right:20px}.chat-widget{left:20px}.blog-slider-nav button{width:35px;height:35px;font-size:1rem}}@media (max-width: 480px){.section-title{font-size:2rem;margin-bottom:40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.service-card,.testimonial-card{padding:30px 20px}.blog-card-slider .blog-content{padding:20px}.blog-card-slider .blog-title{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.estimate-form,.contact-form,.api-card{padding:30px 20px}.chat-container{width:calc(100vw - 40px);left:20px;max-width:320px}.blog-slider .blog-card-slider{min-width:80%}}