@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:Vazirmatn,sans-serif}:root{--primary-color:#f1c40f;--primary-light:#f4d03f;--primary-dark:#d4a50a;--primary-gradient:linear-gradient(135deg,#f1c40f,#f39c12);--bg-primary:#000000;--bg-secondary:#0a0a0a;--bg-tertiary:#111111;--bg-card:#1a1a1a;--bg-hover:#222222;--text-primary:#ffffff;--text-secondary:#cccccc;--text-muted:#888888;--accent-gold:#ffd700;--accent-orange:#ff6f61;--accent-blue:#3498db;--accent-green:#2ecc71;--shadow-sm:0 2px 8px rgba(241,196,15,0.1);--shadow-md:0 4px 16px rgba(241,196,15,0.2);--shadow-lg:0 8px 32px rgba(241,196,15,0.3);--shadow-xl:0 16px 48px rgba(241,196,15,0.4);--glow:0 0 20px rgba(241,196,15,0.5);--glow-strong:0 0 40px rgba(241,196,15,0.8);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.5rem;--font-2xl:2rem;--font-3xl:2.5rem;--font-4xl:3rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:600ms cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1050;--z-tooltip:1070;--container-max:1200px}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:radial-gradient(ellipse at top,#0a0a0a 0,#000000 100%);color:var(--text-primary);font-family:Vazirmatn,sans-serif;font-size:var(--font-base);line-height:1.7;direction:rtl;text-align:right;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(241,196,15,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(241,196,15,.02) 0,transparent 50%);pointer-events:none;z-index:0;animation:backgroundPulse 15s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--primary-color);margin-bottom:var(--space-md);position:relative;letter-spacing:-.02em;animation:fadeInUp .8s ease-out}h1{font-size:clamp(2rem,6vw,3.5rem);background:linear-gradient(135deg,var(--primary-color),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}h2{font-size:clamp(1.5rem,5vw,2.5rem);position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-8px;right:0;width:0;height:3px;background:var(--primary-gradient);transition:width var(--transition-slow);border-radius:var(--radius-full)}h2:hover:after{width:100%}h3{font-size:clamp(1.25rem,4vw,2rem)}h4{font-size:clamp(1.1rem,3.5vw,1.75rem)}h5{font-size:clamp(1rem,3vw,1.5rem)}h6{font-size:clamp(.95rem,2.5vw,1.25rem)}p{font-size:clamp(.95rem,3vw,1.125rem);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-lg);text-align:justify;animation:fadeIn 1s ease-out}a{color:var(--primary-color);text-decoration:none;position:relative;transition:var(--transition-base);display:inline-block}a:after{content:"";position:absolute;bottom:-2px;right:0;width:0;height:2px;background:var(--primary-gradient);transition:width var(--transition-base)}a:hover{color:var(--primary-light);transform:translateY(-2px)}a:hover:after{width:100%}nav{background:rgba(0,0,0,.98);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);padding:1rem 0;display:flex;justify-content:center;align-items:center;border-bottom:2px solid rgba(241,196,15,.3);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:var(--z-sticky);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;animation:slideDown .5s ease-out;min-height:60px}nav:before{display:none}nav::-webkit-scrollbar{height:4px}nav::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}nav::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-full)}.nav-container{width:100%;padding:0 1rem}.nav-container,nav ul{display:flex;justify-content:center;align-items:center}nav ul{flex-direction:row;gap:.75rem;list-style:none;flex-wrap:nowrap;z-index:1;margin:0;padding:0}nav ul,nav ul li{position:relative}nav ul li{flex-shrink:0}nav a{color:var(--text-primary);font-size:.95rem;font-weight:600;padding:.7rem 1.2rem;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;position:relative;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(241,196,15,.3);transition:all var(--transition-base);min-width:90px;text-align:center}nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-gradient);transition:left var(--transition-base);z-index:-1}nav a:hover{color:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--glow)}nav a:hover:before{left:0}nav a:hover:after{width:0}nav a:active{transform:translateY(-1px)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md);position:relative;z-index:var(--z-base)}.section-header{text-align:center;margin-bottom:var(--space-xl);position:relative;animation:fadeInUp .8s ease-out}.section-header h2{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;text-transform:uppercase;letter-spacing:2px;position:relative;display:inline-block;padding-bottom:var(--space-sm)}.section-header h2:before{content:"";position:absolute;top:-10px;right:-20px;width:40px;height:40px;background:radial-gradient(circle,rgba(241,196,15,.3),transparent);border-radius:50%;animation:pulse 2s infinite}.sample-work-section{margin-bottom:var(--space-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);padding:var(--space-md)}.sample-card{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(20,20,20,.98));backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);width:100%;max-width:900px;border:1px solid rgba(241,196,15,.2);position:relative;overflow:hidden;transition:all var(--transition-slow);animation:fadeInUp .8s ease-out}@media screen and (max-width:767px){.sample-card{padding:1.5rem 1rem;margin-bottom:1.5rem;border-radius:var(--radius-lg)}}.sample-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(241,196,15,.1) 50%,transparent);transition:left var(--transition-slow)}.sample-card:hover:before{left:100%}.sample-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-slow);transform-origin:right}.sample-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xl),var(--glow-strong);border-color:var(--primary-color)}.sample-card:hover:after{transform:scaleX(1);transform-origin:left}.sample-card h3{font-size:clamp(1.4rem,4vw,1.9rem);color:var(--primary-color);margin-bottom:var(--space-md);font-weight:700;position:relative;display:inline-block}.sample-card h3:before{content:"✦";position:absolute;right:-30px;top:0;color:var(--primary-color);opacity:0;transition:all var(--transition-base)}.sample-card:hover h3:before{opacity:1;right:-25px;animation:sparkle 1s infinite}.sample-card p{color:var(--text-secondary);line-height:1.9}.before-after{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:var(--space-lg)}.after,.before{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:rgba(255,255,255,.02);padding:var(--space-md);transition:all var(--transition-base)}.after:hover,.before:hover{background:rgba(255,255,255,.05);transform:translateY(-5px)}.after h4,.before h4{font-size:clamp(1.1rem,3vw,1.3rem);color:var(--primary-color);margin-bottom:var(--space-md);position:relative;padding-right:var(--space-lg)}.before h4:before{content:"→";color:var(--accent-orange)}.after h4:before,.before h4:before{position:absolute;right:0;font-size:1.5em}.after h4:before{content:"✓";color:var(--accent-green)}.after-image,.before-image{width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:all var(--transition-slow);filter:brightness(.9)}.after-image:hover,.before-image:hover{transform:scale(1.05);filter:brightness(1);box-shadow:var(--shadow-xl),var(--glow)}@media screen and (max-width:767px){.before-after{grid-template-columns:1fr 1fr;gap:1rem}.after,.before{min-height:200px}}@media screen and (min-width:768px) and (max-width:1024px){.before-after{grid-template-columns:1fr 1fr;gap:1.5rem}}.contact-section{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(15,15,15,.98));backdrop-filter:blur(30px);padding:var(--space-3xl) var(--space-xl);border-radius:var(--radius-xl);margin:var(--space-3xl) auto;max-width:var(--container-max);border:1px solid rgba(241,196,15,.2);position:relative;overflow:hidden;animation:fadeInUp 1s ease-out}.contact-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(241,196,15,.05) 0,transparent 70%);animation:rotate 20s linear infinite}.contact-section h2{font-size:clamp(1.75rem,5vw,2.75rem)}.contact-section h2,.intro-text{text-align:center;margin-bottom:var(--space-xl);position:relative;z-index:1}.intro-text{font-size:clamp(1rem,3vw,1.25rem);color:var(--text-secondary);line-height:1.9}.contact-details{background:rgba(0,0,0,.4);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid rgba(241,196,15,.1);position:relative;z-index:1}.contact-details h3{text-align:center;margin-bottom:var(--space-lg);font-size:clamp(1.4rem,4vw,1.9rem)}.contact-details ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.contact-details li{padding:var(--space-md);background:rgba(255,255,255,.02);border-radius:var(--radius-md);border-right:3px solid var(--primary-color);transition:all var(--transition-base)}.contact-details li:hover{background:rgba(255,255,255,.05);transform:translateX(-5px);border-right-width:5px}.contact-details a{color:var(--primary-color);font-weight:500;transition:all var(--transition-base)}.contact-details a:hover{color:var(--primary-light);text-shadow:var(--glow)}@media screen and (max-width:767px){.contact-details ul{grid-template-columns:1fr 1fr;gap:.75rem}.contact-details li{padding:.75rem;font-size:.85rem}}.decor-section{background:linear-gradient(135deg,rgba(20,20,20,.95),rgba(10,10,10,.98));backdrop-filter:blur(30px);padding:var(--space-3xl) var(--space-xl);border-radius:var(--radius-xl);margin:var(--space-xl) auto;max-width:var(--container-max);border:1px solid rgba(241,196,15,.2);position:relative;overflow:hidden;animation:fadeInUp .8s ease-out}.decor-section h2{text-align:center;margin-bottom:var(--space-xl)}.decor-section p{background:rgba(0,0,0,.3);padding:var(--space-lg);border-radius:var(--radius-md);border-right:4px solid var(--primary-color);margin-bottom:var(--space-lg);transition:all var(--transition-base)}.decor-section p:hover{background:rgba(0,0,0,.5);transform:translateX(-5px);box-shadow:var(--shadow-md)}.decor-section ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.decor-section li{padding:var(--space-md);background:rgba(255,255,255,.02);border-radius:var(--radius-md);border-bottom:2px solid rgba(241,196,15,.2);transition:all var(--transition-base);position:relative;padding-right:var(--space-xl)}.decor-section li:before{content:"▸";position:absolute;right:var(--space-md);color:var(--primary-color);font-size:1.2em;transition:all var(--transition-base)}.decor-section li:hover{background:rgba(255,255,255,.05);transform:translateX(-8px);border-bottom-color:var(--primary-color)}.decor-section li:hover:before{right:var(--space-sm);color:var(--primary-light)}.decor-section li strong{color:var(--primary-color);font-weight:600}@media screen and (max-width:767px){.decor-section ul{grid-template-columns:1fr 1fr;gap:.75rem}.decor-section li{padding:.75rem .75rem .75rem 2rem;font-size:.85rem}}.about-page{max-width:var(--container-max);margin:0 auto;padding:var(--space-md)}.about-section,.portfolio-section{background:linear-gradient(135deg,rgba(20,20,20,.95),rgba(10,10,10,.98));backdrop-filter:blur(30px);padding:var(--space-3xl) var(--space-xl);border-radius:var(--radius-xl);margin-bottom:var(--space-3xl);border:1px solid rgba(241,196,15,.2);position:relative;overflow:hidden;animation:fadeInUp 1s ease-out}.about-section:before,.portfolio-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);animation:slideInOut 3s infinite}.about-section p,.portfolio-section p{background:rgba(0,0,0,.3);padding:var(--space-lg);border-radius:var(--radius-md);border-right:4px solid var(--primary-color)}.btn,button{background:var(--primary-gradient);color:var(--bg-primary);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-full);font-size:var(--font-base);font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:1px}.btn:before,button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}.btn:hover,button:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-xl),var(--glow-strong)}.btn:hover:before,button:hover:before{width:300px;height:300px}.btn:active,button:active{transform:translateY(-2px) scale(1.02)}ol,ul{list-style:none;margin:var(--space-lg) 0}ol li,ul li{padding:var(--space-md);margin-bottom:var(--space-sm);background:rgba(255,255,255,.02);border-radius:var(--radius-md);border-right:3px solid var(--primary-color);transition:all var(--transition-base);position:relative;padding-right:var(--space-xl)}ol li:before,ul li:before{content:"◆";position:absolute;right:var(--space-md);color:var(--primary-color);transition:all var(--transition-base)}ol li:hover,ul li:hover{background:rgba(255,255,255,.05);transform:translateX(-8px);border-right-width:5px}ol li:hover:before,ul li:hover:before{right:var(--space-sm);animation:bounce .6s ease}.grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);list-style:none;margin:var(--space-lg) 0}.grid-list li{padding:var(--space-md);background:rgba(255,255,255,.02);border-radius:var(--radius-md);border-right:3px solid var(--primary-color);transition:all var(--transition-base)}@media screen and (max-width:767px){.grid-list{grid-template-columns:1fr 1fr;gap:.75rem}.grid-list li{padding:.75rem;font-size:.85rem}}img{max-width:100%;height:auto;border-radius:var(--radius-lg);display:block;transition:all var(--transition-slow)}img:hover{transform:scale(1.03);box-shadow:var(--shadow-xl);filter:brightness(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInOut{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--glow-strong)}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-full);border:2px solid rgba(0,0,0,.2);transition:all var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-light),var(--accent-gold));box-shadow:var(--glow)}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(255,255,255,.02)}.m-0{margin:0!important}.p-0{padding:0!important}.mt-1{margin-top:var(--space-sm)}.mb-1{margin-bottom:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mb-2{margin-bottom:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mb-3{margin-bottom:var(--space-lg)}.pt-1{padding-top:var(--space-sm)}.pb-1{padding-bottom:var(--space-sm)}.pt-2{padding-top:var(--space-md)}.pb-2{padding-bottom:var(--space-md)}.pt-3{padding-top:var(--space-lg)}.pb-3{padding-bottom:var(--space-lg)}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:var(--space-sm)}.gap-2{gap:var(--space-md)}.gap-3{gap:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-bold{font-weight:700}.text-medium{font-weight:500}.w-full{width:100%}.w-auto{width:auto}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.animate-fade{animation:fadeIn 1s ease-out}.animate-slide{animation:fadeInUp .8s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}@media screen and (max-width:480px){:root{--space-xs:0.375rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem}html{font-size:14px}body:before{opacity:.3}nav{padding:.6rem 0;min-height:56px}.nav-container{padding:0 .75rem}nav ul{gap:.5rem;justify-content:flex-start}nav a{font-size:.8rem;padding:.6rem .9rem;min-width:80px;background:rgba(255,255,255,.1);border:1px solid rgba(241,196,15,.4)}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.after,.before{min-width:100%}.sample-card{padding:1.5rem 1rem;margin-bottom:1.5rem}.sample-card h3{font-size:1.3rem}.about-section,.contact-section,.decor-section,.portfolio-section{padding:2rem 1rem;margin:1rem .5rem}.contact-details ul{grid-template-columns:1fr}.btn,button{width:100%;padding:.8rem 1.2rem;font-size:.9rem}h1{font-size:1.9rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{font-size:1.15rem}p{font-size:.95rem;line-height:1.7}}@media screen and (min-width:481px) and (max-width:767px){html{font-size:15px}nav{padding:.7rem 0;min-height:60px}.nav-container{padding:0 1rem}nav ul{gap:.65rem}nav a{font-size:.9rem;padding:.7rem 1rem;min-width:90px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.after,.before{min-width:100%}.sample-card{padding:2rem 1.5rem}.about-section,.contact-section,.decor-section,.portfolio-section{padding:2.5rem 1.5rem;margin:1.5rem .75rem}.btn,button{width:auto;min-width:160px;padding:.85rem 1.5rem}h1{font-size:2.1rem}h2{font-size:1.8rem}h3{font-size:1.4rem}}@media screen and (min-width:768px) and (max-width:1024px){html{font-size:16px}nav{padding:.8rem 0}nav ul{gap:.75rem}nav a{font-size:.95rem;padding:.75rem 1.15rem;min-width:95px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.after,.before{min-width:100%}.about-section,.contact-section,.decor-section,.portfolio-section,.sample-card{max-width:90%;margin-left:auto;margin-right:auto;padding:3rem 2rem}.contact-details ul{grid-template-columns:1fr 1fr}h1{font-size:2.4rem}h2{font-size:2rem}h3{font-size:1.6rem}}@media screen and (min-width:1025px) and (max-width:1366px){.container{max-width:95%}nav ul{gap:.85rem}nav a{padding:.8rem 1.3rem;min-width:100px}.before-after{display:flex;justify-content:space-between;gap:2rem}.after,.before{flex:1;min-width:45%}.contact-details ul{grid-template-columns:1fr 1fr}}@media screen and (min-width:1367px){nav ul{gap:1rem}nav a{padding:.85rem 1.5rem;min-width:110px}.before-after{display:flex;justify-content:space-between;gap:2.5rem}.after,.before{flex:1;min-width:45%}.contact-details ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:926px) and (orientation:landscape){nav{padding:.5rem 0;min-height:50px}nav a{font-size:.85rem;padding:.55rem .85rem;min-width:75px}.about-section,.contact-section,.decor-section,.portfolio-section{padding:2rem 1.5rem}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.after,.before{min-width:100%}.contact-details ul{grid-template-columns:1fr 1fr}h1{font-size:1.8rem}h2{font-size:1.5rem}}@media screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait){.before-after{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.after,.before{min-width:100%}.contact-details ul{grid-template-columns:1fr 1fr}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media screen and (min-width:1920px){.container{max-width:1400px}nav a{padding:1rem 1.75rem;font-size:1.05rem}}@media screen and (max-width:1024px){.container{padding:0 1rem}.sample-work-section{padding:1rem .5rem;gap:2rem}.section-header{margin-bottom:2rem}}:focus{outline:3px solid var(--primary-color);outline-offset:3px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--primary-color);outline-offset:3px;box-shadow:var(--glow)}.skip-to-content{position:absolute;left:-9999px;top:0;z-index:var(--z-tooltip);background:var(--primary-gradient);color:var(--bg-primary);padding:var(--space-md);text-decoration:none;border-radius:var(--radius-md)}.skip-to-content:focus{left:var(--space-md);top:var(--space-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.about-section,.btn,.contact-section,.decor-section,.portfolio-section,.sample-card,button,nav a{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid var(--primary-color);border-top:3px solid transparent;border-radius:50%;animation:rotate 1s linear infinite}@media print{body{background:white;color:black}.btn,body:before,button,nav{display:none}.about-section,.contact-section,.decor-section,.portfolio-section,.sample-card{border:1px solid #000;box-shadow:none;page-break-inside:avoid;background:white}a{text-decoration:underline;color:#000}a[href]:after{content:" (" attr(href) ")"}}@media screen and (max-width:767px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media screen and (min-width:768px) and (max-width:1024px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media screen and (min-width:1025px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:rgba(255,255,255,.05);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.glow-effect{box-shadow:var(--glow);animation:glow 2s ease-in-out infinite}.hover-lift{transition:all var(--transition-base)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.pulse-border{position:relative}.pulse-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:var(--primary-gradient);opacity:0;animation:pulse 2s infinite;z-index:-1}