.hero-banner{width:100%;height:100vh;position:relative;background:var(--bg-dark);color:var(--text-light);overflow:hidden}.banner-content{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-content .main-title{font-size:60px;font-weight:700;letter-spacing:2px;margin-bottom:10px;background:linear-gradient(90deg,var(--text-light),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-content .sub-title{font-size:28px;font-weight:400;letter-spacing:1.5px;color:var(--primary-color);margin-bottom:20px}.banner-desc{font-size:18px;max-width:600px;margin:0 auto 30px;line-height:1.6;opacity:.9}.banner-actions{display:flex;justify-content:center;gap:20px}.btn{padding:12px 30px;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;display:inline-block}.btn-primary{background:var(--primary-color);color:var(--text-light)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-3px)}.btn-secondary{border:2px solid var(--text-light);color:var(--text-light)}.btn-secondary:hover{background:var(--text-light);color:var(--bg-dark);transform:translateY(-3px)}.profile-image img{border-radius:100%;border:4px solid var(--primary-color);box-shadow:0 0 30px #e3872d4d;margin-bottom:20px;width:150px;height:150px;object-fit:cover}.sec-header{width:100%;text-align:left;margin:0 0 60px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sec-header:before{top:2px;content:"";width:6px;height:100%;position:absolute;background-color:var(--primary-color)}.sec-title{margin:0;font-size:50px;font-weight:300;line-height:1.4;padding-left:25px;text-transform:uppercase;color:var(--bg-dark)}.sec-desc{margin:0;font-size:16px;line-height:1.6em;padding-left:25px;color:#666}.sec-content h4{font-size:24px;color:var(--bg-dark)}#aboutMe h4{margin-bottom:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.stat-item{background:#fdf3ea;padding:20px;border-radius:12px;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-item h3{font-size:32px;font-weight:700;color:var(--primary-color);margin:0}.stat-item span{font-size:14px;color:#666;font-weight:600}.profile-image-wrap{margin-bottom:30px;text-align:center;position:relative}.profile-img{width:100%;max-width:300px;border-radius:20px;box-shadow:0 10px 30px #00000026;border:5px solid #fff;transition:transform .3s ease}.profile-img:hover{transform:scale(1.02)}.personal-info{padding:40px;background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000000d;border-top:4px solid var(--primary-color);text-align:left}.personal-info ul{list-style:none;padding:0;margin:0 0 30px}.personal-info ul li{font-size:16px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;color:#444}.personal-info ul li:last-child{border-bottom:none}.personal-info ul li strong{min-width:130px;display:inline-block;color:var(--bg-dark)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.sec-content .col-7,.sec-content .col-5{flex:0 0 100%;max-width:100%}.personal-info{margin-top:40px}}.blog-grid{margin-top:40px}.blog-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:all .4s cubic-bezier(.165,.84,.44,1);height:100%;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-12px);box-shadow:0 20px 50px #0000001f}.blog-card figure{margin:0;height:220px;position:relative;overflow:hidden}.blog-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover img{transform:scale(1.1)}.blog-category{position:absolute;top:20px;left:20px;background:var(--primary-color);color:var(--text-light);padding:6px 15px;border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:2}.blog-info{padding:25px;flex-grow:1;display:flex;flex-direction:column}.blog-date{font-size:13px;color:var(--text-muted);margin-bottom:12px;display:block;color:#888}.blog-info h4{font-size:19px;font-weight:700;line-height:1.4;margin-bottom:15px;color:var(--bg-dark)}.blog-info h4 a{transition:color .3s ease}.blog-info h4 a:hover{color:var(--primary-color)}.blog-info p{font-size:15px;color:#666;line-height:1.6;margin-bottom:20px;flex-grow:1}.read-more{font-weight:700;font-size:14px;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;display:inline-block;transition:all .3s ease}.read-more:hover{color:var(--bg-dark);transform:translate(5px)}#expertise{background:#f8fafc}.skills-grid{margin-top:50px}.skill-card{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 40px #0000000d;transition:all .3s ease;height:100%;text-align:center;border:1px solid #f0f0f0}.skill-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #e3872d1a;border-color:var(--primary-color)}.skill-icon-wrap{width:70px;height:70px;background:#fdf3ea;color:var(--primary-color);display:flex;align-items:center;justify-content:center;border-radius:18px;margin:0 auto 25px;transition:all .3s ease}.skill-card:hover .skill-icon-wrap{background:var(--primary-color);color:#fff;transform:rotate(10deg)}.skill-card h4{font-size:20px;font-weight:700;color:var(--bg-dark);margin-bottom:15px}.skill-card p{font-size:15px;color:#777;line-height:1.6;margin-bottom:25px}.skill-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.skill-tag{background:#f5f5f5;color:#555;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;transition:all .3s ease}.skill-card:hover .skill-tag{background:#fdf3ea;color:var(--primary-color)}.services-grid{margin-top:40px}.service-card{padding:30px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;text-align:center;height:100%;border-bottom:3px solid transparent}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a;border-bottom:3px solid var(--primary-color)}.service-icon{margin-bottom:20px;display:inline-block;padding:20px;background:#e3872d1a;border-radius:50%;transition:all .3s ease}.service-card:hover .service-icon{background:var(--primary-color)}.service-card:hover .service-icon svg{color:var(--text-light)!important}.service-card h4{font-size:20px;font-weight:700;margin-bottom:15px;color:var(--bg-dark)}.service-card p{font-size:15px;line-height:1.6;color:#666;margin-bottom:0}#services{background:#fff}#portfolio{background:#f8fafc}.portfolio-grid{margin-top:50px}.project-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 25px #0000000d;transition:all .3s ease;height:100%}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.project-card figure{position:relative;margin:0;overflow:hidden;height:250px}.project-card img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.project-card:hover img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#e3872dd9;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-info{padding:25px}.project-info span{font-size:13px;text-transform:uppercase;color:var(--primary-color);font-weight:700;letter-spacing:1px;display:block;margin-bottom:10px}.project-info h4{font-size:22px;color:var(--bg-dark);margin-bottom:15px;font-weight:700}.project-info p{font-size:15px;color:#666;line-height:1.6;margin-bottom:0}.testimonials-grid{margin-top:40px}.testimonial-card{padding:40px 30px;background:#ffffff0d;border-radius:12px;height:100%;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.testimonial-card:hover{background:#ffffff1a;transform:translateY(-5px)}.testimonial-text{font-size:17px;font-style:italic;line-height:1.7;margin-bottom:30px;color:#ffffffe6}.testimonial-meta h4{font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:5px}.testimonial-meta span{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.contact-cta{padding:100px 0;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-footer) 100%);text-align:center;color:var(--text-light)}.cta-content h2{font-size:42px;font-weight:700;margin-bottom:20px}.cta-content p{font-size:19px;max-width:700px;margin:0 auto 40px;opacity:.8;line-height:1.6}.cta-actions{display:flex;justify-content:center;gap:20px}@media (max-width: 768px){.cta-content h2{font-size:32px}.cta-actions{flex-direction:column;align-items:center}}.button{padding:0 15px;font-weight:700;line-height:1.5em;border-radius:5px;letter-spacing:1px;display:inline-block}.button:hover{text-decoration:none}.button.small{padding:13px 35px}.button.large{font-size:24px;padding:18px 40px}.button-primary{color:var(--text-light);background:var(--primary-color);border:1px solid var(--primary-color);transition:all .3s ease}.button-primary:hover{color:var(--text-light);background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-2px)}#header{width:300px;padding:15px;height:100vh;color:var(--text-light);overflow-x:auto;background:var(--bg-dark)}.header-navigation{color:var(--text-light);padding:15px 0}.navbar{width:100%;display:block;justify-content:space-between}.nav-list{display:block;list-style-type:none}.nav-link{color:var(--text-light);display:block;font-size:16px;padding:10px 0;line-height:1.6em;font-weight:400;text-decoration:none;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s ease}.nav-link:hover{color:var(--primary-color);text-decoration:none}.logo-bar{padding:0 0 15px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-bar a{display:block;line-height:0}.logo-bar,.navbar{flex:0 1 auto}#footer{color:var(--text-light);background:var(--bg-footer);border-top:1px solid rgba(255,255,255,.05)}.footer-wrapper{padding:80px 0 30px}.footer-title{font-size:20px;font-weight:700;margin-bottom:25px;color:var(--primary-color);text-transform:uppercase;letter-spacing:1px}.footer-about p{font-size:15px;line-height:1.6;color:var(--text-muted);margin-bottom:20px}.social-icons{display:flex;gap:15px}.social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;color:var(--text-light);transition:all .3s ease}.social-icons a:hover{background:var(--primary-color);transform:translateY(-3px)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-muted);font-size:15px;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:var(--primary-color);padding-left:5px}.footer-contact{list-style:none;padding:0}.footer-contact li{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:var(--text-muted);font-size:15px}.footer-contact a{color:var(--text-muted);transition:color .3s ease}.footer-contact a:hover{color:var(--primary-color)}.footer-bottom{margin-top:60px;padding-top:30px;border-top:1px solid rgba(255,255,255,.05);text-align:center}.copyright p{font-size:14px;color:var(--text-muted);margin:0}:root{--primary-color: #e3872d;--primary-hover: #ff9d3f;--bg-dark: #111b3a;--bg-footer: #0a0f20;--text-light: #ffffff;--text-muted: rgba(255, 255, 255, .7)}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dl,menu,ol,ul{margin:0 0 15px;padding:0 0 0 15px}pre{font-family:monospace,monospace;font-size:1em}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{font-size:16px}a{text-decoration:none;color:inherit}button,input,select{background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button,input,optgroup,select,textarea{cursor:pointer}video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}body{line-height:1.5;font-family:Arial,sans-serif}.App{display:flex}.App>main{width:100%;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.page-content{flex:1 0 auto}p{margin-bottom:15px}strong{font-weight:700}ul{margin-bottom:15px}.form-container{max-width:400px;margin:0 auto;padding:20px;background-color:#f4f4f4;border-radius:8px}.form-title{text-align:center;margin-bottom:20px;font-size:24px}.form-group{margin-bottom:20px}.label{display:block;font-weight:700}.input-field{width:100%;padding:10px;font-size:16px;border-radius:4px;border:1px solid #ccc;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:#007bff}.error-message{color:#dc3545;font-size:14px;margin-top:5px}.submit-button{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.container{width:100%;max-width:1450px;margin:0 auto;padding:0 15px}.row{display:flex;flex-wrap:wrap;margin:0 -15px}[class^=col-]{padding:0 15px;box-sizing:border-box}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}@media (min-width: 480px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width: 768px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width: 992px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}.sec-wrapper{padding:100px 0}.sec-header{text-align:left;margin-bottom:60px}.sec-title{font-size:42px;font-weight:800;color:var(--bg-dark);margin-bottom:20px;position:relative;display:inline-block}.sec-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--primary-color);border-radius:2px}.sec-desc{font-size:18px;color:#666;font-weight:500;max-width:750px;margin:0;line-height:1.6}