@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color:#6366f1;--secondary-color:#4f46e5;--accent-color:#818cf8;--text-primary:#f8fafc;--text-secondary:#94a3b8;--background-dark:#0f172a;--background-light:#1e293b;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1)}body{background:linear-gradient(135deg,var(--background-dark),var(--background-light));color:var(--text-primary);margin:0;padding:0;min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{display:none}.text-common{color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.btn-common{padding:12px 28px!important;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px!important;font-weight:500!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.btn-common:hover{background:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 20px rgba(99,102,241,.3)}.btn-common .icon{position:absolute;top:0;right:0;background-color:#fa5b0f;border-radius:100%;width:45px;height:45px}.btn-common .icon svg{color:#fff!important;font-size:30px!important}.iconBtn{padding-right:60px!important;overflow:hidden}.iconBtn:after{content:"";width:0;height:100%;background-color:#fa5b0f;position:absolute;top:0;right:0;z-index:-1;transition:all .3s ease-in-out}.iconBtn:hover:after{width:100%}.hd{font-size:3.5rem;text-transform:uppercase;color:var(--text-primary);font-weight:800;position:relative;letter-spacing:-.02em}.hd .title-bg{color:rgba(255,255,255,.03)!important;font-size:8rem;position:absolute;top:-2rem;left:50%;transform:translateX(-50%);z-index:-1;width:100%;text-align:center}.hd .backhd span{color:#fff}.container-fluid{padding:0 40px}.homePage{height:100vh;width:100%;position:relative;overflow:hidden}.homePage:before{content:"";width:30%;height:200%;position:absolute;top:-10px;left:-51px;background:#fa5b0f;transform:rotate(-19deg)}.homePage .wrapper{height:100vh;padding:45px 0}.homePage .imagwrap{width:100%;height:auto;position:relative;background:#000;border-radius:30px;overflow:hidden;display:flex;align-items:center;justify-content:center}.homePage .imagwrap .profile-image,.homePage .imagwrap img{width:100%!important;height:auto!important;border-radius:30px;object-fit:cover;display:block}.homePage .imagwrap>span{width:100%!important;height:auto!important;display:block!important}.homePage .imagwrap>span>img{width:100%!important;height:auto!important;border-radius:30px;object-fit:cover}.homePage .wrapper .col-md-8{padding:40px 100px}.homePage .wrapper h1{font-size:50px;font-weight:900!important}.homePage .wrapper .line{display:block;width:50px;height:5px;background:#fa5b0f;position:relative;top:20px;border-radius:10px}.homePage .wrapper p{line-height:30px;font-size:18px;font-weight:200;opacity:.7}.aboutPage{padding:6rem 0}.aboutPage h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.aboutPage .hd .title-bg{color:rgb(255,255,255,.07)!important;font-size:135px;position:absolute;top:-49px;left:50%;transform:translateX(-50%);font-weight:900;opacity:.5;width:100%;text-align:center}.aboutwrapper .part1{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aboutwrapper .part1 h4{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem}.aboutwrapper .part1 h4 span{color:var(--text-primary);font-weight:500}.aboutwrapper .part2 .boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.aboutwrapper .part2 .boxes .box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aboutwrapper .part2 .boxes .box:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(99,102,241,.2)}.aboutwrapper .part2 .boxes .box .count{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.aboutwrapper .part2 .boxes .box .count span{font-size:20px;font-weight:600;position:relative;top:10px}.aboutwrapper .part2 .boxes .box h4{font-size:18px;font-weight:200;color:#fff;opacity:.8}.aboutwrapper .part2 .boxes .box .line{display:block;background:#fff;opacity:.8;width:40px;height:1px;position:relative;top:5px;Right:5px}.skillSection{padding:4rem 0}.skillSection h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skillSection .counterSpiner{width:120px;height:120px;margin:0 auto}.skillSection .col-md-3{text-align:center;margin-bottom:2rem}.skillSection .col-md-3 h4{color:var(--text-primary);font-size:1.1rem;margin-top:1rem;font-weight:500}.divider{width:40%;height:1px;background:rgb(255,255,255,.1);margin:auto}.experienceSection{padding:4rem 0}.experienceSection h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experienceSection .box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;margin-bottom:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.experienceSection .box:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(99,102,241,.2)}.experienceSection .box .badge{background:var(--primary-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.experienceSection .box h4{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:1rem 0}.experienceSection .box h4 span{color:var(--text-secondary);font-weight:400}.experienceSection .box p{color:var(--text-secondary);line-height:1.6}.experienceSection .box .icon{width:50px;height:50px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem}.experienceSection .box .icon svg{color:var(--text-primary);font-size:1.5rem}.pl-4{padding-left:1rem!important}.portfolioPage{padding:45px 80px}.portfolioPage .hd .title-bg{color:rgb(255,255,255,.07)!important;font-size:135px;position:absolute;top:-49px;left:50%;transform:translateX(-50%);font-weight:900;opacity:.5;width:100%;text-align:center}.portfolioPage .wrapper{display:flex;flex-wrap:wrap;gap:25px}.portfolioPage .wrapper .box{border-radius:10px;overflow:hidden;position:relative;height:300px;background:#252525;transition:all .3s ease-in-out}.portfolioPage .wrapper .box img{width:100%;height:100%;object-fit:cover;transition:all .3s ease-in-out}.portfolioPage .wrapper .box .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);opacity:0;transition:all .3s ease-in-out;padding:20px}.portfolioPage .wrapper .box:hover .overlay{opacity:1}.portfolioPage .wrapper .box .overlay h3{font-size:24px;font-weight:600;margin-bottom:10px;color:#fa5b0f}.portfolioPage .wrapper .box .overlay p{font-size:14px;line-height:1.6}.portfolioPage .wrapper .box .project-icon{font-size:24px!important;color:#fa5b0f!important;transition:all .3s ease-in-out}.portfolioPage .wrapper .box .project-icon:hover{transform:scale(1.2);color:#fff!important}.contactPage{padding:50px 0}.contact-info{background:#252525;padding:30px;border-radius:10px}.info-box{display:flex;align-items:flex-start;margin-bottom:30px}.info-box .icon{color:#fa5b0f!important;font-size:24px!important;margin-right:15px;margin-top:5px}.info-box .details h3{color:#fff;font-size:18px;margin-bottom:5px}.info-box .details p{color:#fff;font-size:14px;margin:0}.social-links{display:flex;gap:15px;margin-top:30px}.social-links .social-icon{color:#fa5b0f!important;font-size:24px!important;transition:all .3s ease-in-out}.social-links .social-icon:hover{color:#fff!important;transform:scale(1.2)}.contact-form input,.contact-form textarea{width:100%;padding:12px 20px;background:#252525;border:1px solid #333;border-radius:5px;color:#fff;margin-bottom:20px;transition:all .3s ease-in-out}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#fa5b0f}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666}.contact-form button.btn-common{position:relative;display:inline-flex;min-width:200px;margin-top:20px;background:transparent;border:1px solid #fa5b0f;color:#fff}.contact-form button.btn-common,.contact-form button.btn-common .icon{align-items:center;justify-content:center;transition:all .3s ease-in-out}.contact-form button.btn-common .icon{position:absolute;top:0;right:0;width:45px;height:100%;background:#fa5b0f;border-radius:0 30px 30px 0;display:flex}.contact-form button.btn-common:hover{background:#fa5b0f;color:#fff}.contact-form button.btn-common:hover .icon{background:rgba(0,0,0,.2)}.contact-form button.btn-common svg{font-size:20px;transition:all .3s ease-in-out}.contact-form button.btn-common:hover svg{transform:translateX(3px)}@media (max-width:768px){.container-fluid{padding:0 20px}.homePage{height:auto;padding:40px 0}.homePage:before{width:100%;height:100%;transform:rotate(0);opacity:.1;left:0}.homePage .wrapper{height:auto;padding:20px 0}.homePage .wrapper .col-md-8{padding:40px 20px}.homePage .wrapper h1{font-size:32px}.homePage .imagwrap{margin:20px auto;max-width:300px}.hd{font-size:2.5rem}.hd .title-bg{font-size:5rem;top:-1rem}.aboutPage{padding:40px 20px}.aboutwrapper .part2 .boxes .box{margin-bottom:1rem}.portfolioPage{padding:40px 20px}.portfolioPage .wrapper .box{height:250px}.portfolioPage .wrapper .box .overlay h3{font-size:20px}.portfolioPage .wrapper .box .overlay p{font-size:12px}.contactPage{padding:40px 0}.contact-info{margin-bottom:40px}.d-flex.align-items-center{flex-direction:column;gap:16px}.btn-common.iconBtn{width:100%;margin-left:0!important}nav ul{flex-direction:column;gap:10px;padding:10px}nav ul li{width:100%}nav ul li .btn-common{width:100%;justify-content:space-between}.aboutPage .hd .title-bg,.blogPage .hd .title-bg,.portfolioPage .hd .title-bg{font-size:60px;top:-20px;left:50%;transform:translateX(-50%);width:100%;text-align:center}}@media (min-width:769px) and (max-width:1024px){.homePage .wrapper h1{font-size:40px}.hd{font-size:48px}.hd .title-bg{font-size:80px}.aboutwrapper .part2 .boxes .box{width:calc(50% - 10px)}}.side-navigation{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000;background:rgba(37,37,37,.9);padding:15px 10px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.side-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.side-navigation .nav-link{color:rgba(255,255,255,.7);text-decoration:none;padding:8px;position:relative}.side-navigation .nav-link,.side-navigation .nav-link .icon{display:flex;align-items:center;transition:all .3s ease;border-radius:50%}.side-navigation .nav-link .icon{justify-content:center;width:40px;height:40px}.side-navigation .nav-link .label{position:absolute;right:calc(100% + 10px);background:#fa5b0f;padding:5px 15px;border-radius:20px;color:white;font-size:14px;opacity:0;visibility:hidden;transform:translateX(10px);transition:all .3s ease;white-space:nowrap}.side-navigation .nav-link.active .label,.side-navigation .nav-link:hover .label{opacity:1;visibility:visible;transform:translateX(0)}.side-navigation .nav-link.active .icon,.side-navigation .nav-link:hover .icon{background:#fa5b0f;color:white}.side-navigation .nav-link.active{color:#fa5b0f}@media (max-width:768px){.side-navigation{right:10px;padding:10px 5px}.side-navigation .nav-link{padding:5px}.side-navigation .nav-link .icon{width:35px;height:35px}.side-navigation .nav-link .icon svg{font-size:20px}.side-navigation .nav-link .label{font-size:12px;padding:4px 12px}}.side-navigation .download-btn{background:none;border:none;cursor:pointer;width:100%;padding:8px;display:flex;align-items:center;position:relative}.side-navigation .download-btn:focus .icon,.side-navigation .download-btn:hover .icon{background:#fa5b0f;color:white}.side-navigation .download-btn:focus .label,.side-navigation .download-btn:hover .label{opacity:1;visibility:visible;transform:translateX(0)}.side-navigation .download-btn .icon{background:rgba(255,255,255,.1)}.side-navigation .download-btn .icon svg{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.blogPage{padding:45px 80px}.blogPage .hd .title-bg{color:rgb(255,255,255,.07)!important;font-size:135px;position:absolute;top:-49px;left:50%;transform:translateX(-50%);font-weight:900;opacity:.5;width:100%;text-align:center}.blog-card{background:#252525;border-radius:10px;overflow:hidden;transition:all .3s ease-in-out;height:100%;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(250,91,15,.2)}.blog-image{position:relative;height:200px;overflow:hidden}.blog-image img{transition:all .3s ease-in-out}.blog-card:hover .blog-image img{transform:scale(1.1)}.blog-content{padding:20px;flex-grow:1}.blog-meta{display:flex;gap:15px;margin-bottom:10px;font-size:14px}.blog-meta .date{color:#fa5b0f}.blog-meta .category{color:#fff;opacity:.7}.blog-content h3{color:#fff;font-size:20px;margin-bottom:10px;font-weight:600}.blog-content p{color:#fff;opacity:.7;font-size:14px;line-height:1.6;margin-bottom:15px}.read-more{display:flex;align-items:center;gap:5px;color:#fa5b0f;text-decoration:none;font-weight:500}.read-more,.read-more svg{transition:all .3s ease-in-out}.read-more:hover{color:#fff}.read-more:hover svg{transform:translateX(5px)}@media (max-width:768px){.blogPage{padding:40px 20px}.blog-card{margin-bottom:30px}}.medium-profile{background:#252525;padding:30px;border-radius:10px;margin:20px 0}.medium-profile h3{color:#fff;font-size:24px;margin-bottom:15px;font-weight:600}.medium-profile p{color:#fff;opacity:.7;margin-bottom:20px;font-size:16px}.medium-link{display:inline-flex;align-items:center;gap:10px;color:#fa5b0f;text-decoration:none;font-weight:500;padding:10px 20px;border:1px solid #fa5b0f;border-radius:30px;transition:all .3s ease-in-out}.medium-link:hover{background:#fa5b0f;color:#fff;transform:translateY(-2px)}.medium-link svg{font-size:20px}@media (max-width:768px){.medium-profile{padding:20px}.medium-profile h3{font-size:20px}.medium-profile p{font-size:14px}}