@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,900;1,500;1,700&family=Poppins:ital,wght@0,100;0,400;0,800;1,400&display=swap";a{text-decoration:none}ul{list-style:none}body{font-family:Poppins,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600}.section{padding:100px 0;background:var(--background);position:relative;overflow:hidden}.section.services,.section.contact{background:var(--background-dark-alt)}.section.projects{background:var(--secondary)}.section.about,.section.services,.section.skills,.section.contact{font-family:Barlow Condensed,sans-serif}.section .max-width{max-width:1200px;margin:0 auto;padding:0 20px}.section .title{font-family:Poppins,sans-serif;text-align:center;position:relative;font-weight:500;font-size:24px;margin-bottom:80px;padding-bottom:20px;color:var(--text)}body.dark .section .title{color:var(--text-light)}.section .title:before{content:"";position:absolute;bottom:0;left:50%;width:180px;height:3px;background:#1f2a44;transform:translate(-50%)}body.dark .section .title:before{background:#f3f4f6}.section .title:after{position:absolute;bottom:-17px;left:50%;font-size:20px;color:var(--primary);padding:2px;background:var(--background);transform:translate(-50%)}body.dark .section .title:after{color:var(--primary-light);background:var(--background-dark)}@media (max-width: 947px){.section{padding:40px 0}.section .title{font-size:18px;margin-bottom:30px}}.alert{position:fixed;bottom:50px;right:20px;max-width:400px;padding:16px 24px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px #0000001a;z-index:1000;font-size:16px;font-family:Poppins,sans-serif}.alert.message-success{background-color:var(--success-bg, #e6fffa);border:1px solid var(--success-border, #38a169);color:var(--success-text, #2f855a)}.alert.message-error{background-color:var(--error-bg, #fff5f5);border:1px solid var(--error-border, #e53e3e);color:var(--error-text, #c53030)}.alert.message-warning{background-color:var(--warning-bg, #fffaf0);border:1px solid var(--warning-border, #dd6b20);color:var(--warning-text, #c05621)}.alert.message-info{background-color:var(--info-bg, #ebf8ff);border:1px solid var(--info-border, #3182ce);color:var(--info-text, #2b6cb0)}.alert .message-content{flex:1}.alert .message-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;margin-left:16px;padding:0;line-height:1}.alert .message-close:hover{opacity:.7}@media (max-width: 947px){.alert{max-width:90%;right:5%}}footer{padding:20px 23px;background:var(--background-dark);color:var(--text-light);text-align:center;font-family:Barlow Condensed,sans-serif}footer span a{color:var(--primary)}footer span a:hover{text-decoration:underline}.home{display:flex;background:url(/assets/isjnayeq23qnf324rfgd-k7-BGEonVPU.jpeg);background-repeat:no-repeat;background-position:center center;background-size:cover;height:100vh;color:var(--text-light);min-height:500px;font-family:Poppins,sans-serif}.home .max-width{margin:auto 0 auto 40px}@media (max-width: 1300px){.home .max-width{margin-left:0}}.home .home-content .text-1{font-size:18px}.home .home-content .text-2{font-size:50px;font-weight:600;margin-left:-3px}.home .home-content .text-3{font-size:23px;margin:5px 0}.home .home-content .text-3 span{color:var(--accent);font-weight:700}.home .home-content a{display:inline-block;background:var(--primary-light);color:var(--text-light);font-size:25px;margin-top:20px;padding:12px 36px;border-radius:6px;border:2px solid var(--primary-light);transition:all .3s ease}.home .home-content a:hover{background:none;color:var(--text-light)}@media (max-width: 947px){.home .home-content .text-2{font-size:45px}.home .home-content .text-3{font-size:18px}.home .home-content a{font-size:23px;padding:10px 30px}}@media (max-width: 500px){.home .home-content .text-2{font-size:50px}.home .home-content .text-3{font-size:27px;line-height:2.3}.home .home-content a{font-size:20px;padding:8px 20px}}.about{font-family:Barlow Condensed,sans-serif}.about .title:after{content:"Who I am"}.about .about-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.about .about-content .left{width:45%}.about .about-content .left img{width:370px;height:400px;object-fit:cover;border-radius:6px}@media (max-width: 1104px){.about .about-content .left img{height:350px;width:270px}}.about .about-content .right{width:55%}.about .about-content .right .text{font-size:25px;font-weight:600;margin-bottom:10px}.about .about-content .right .text span{color:var(--primary)}.about .about-content .right p{text-align:justify}.about .about-content .right a{display:inline-block;background:var(--primary-light);color:var(--text-light);font-size:20px;margin-top:20px;padding:10px 30px;border-radius:6px;border:2px solid var(--primary-light);transition:all .3s ease}.about .about-content .right a:hover{color:var(--primary);background:none}@media (max-width: 947px){.about .about-content .column{width:100%}.about .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.about .about-content .right{flex:100%}}.services{font-family:Barlow Condensed,sans-serif;color:var(--text)}.services .title:after{content:"What I provide"}.services .services-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;justify-items:center}.services .card{background:var(--background);border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:300px}body.dark .services .card{background:var(--background-dark-alt);box-shadow:0 4px 12px #0000004d}.services .card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0003}.services .card:hover .service-icon{color:var(--primary-light)}.services .card:hover .box{transform:scale(1.02)}.services .card .service-icon{font-size:40px;color:var(--primary);margin-bottom:15px}body.dark .services .card .service-icon{color:var(--primary-light)}.services .card .text{font-size:22px;font-weight:600;color:var(--text);margin-bottom:10px}body.dark .services .card .text{color:var(--text-light)}.services .card p{font-size:16px;color:var(--secondary);line-height:1.6}body.dark .services .card p{color:var(--text-light)}@media (max-width: 947px){.services .services-content{grid-template-columns:1fr;gap:20px}.services .card{max-width:100%;margin-bottom:20px}}@media (max-width: 690px){.services .card{padding:20px}}.skills{font-family:Barlow Condensed,sans-serif;color:var(--text)}.skills .title:after{content:"What I Know"}.skills .skills-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0 10px}.skills .skill-category{background:var(--background);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:visible}body.dark .skills .skill-category{background:var(--background-dark-alt);box-shadow:0 2px 8px #0000004d}.skills .skill-category .category-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;background:var(--background-dark);transition:background .2s ease}body.dark .skills .skill-category .category-header{background:var(--background-dark)}.skills .skill-category .category-header .category-title{font-size:18px;font-weight:600;color:var(--text)}body.dark .skills .skill-category .category-header .category-title{color:var(--text-light)}.skills .skill-category .category-header .toggle-icon{font-size:14px;color:var(--primary)}body.dark .skills .skill-category .category-header .toggle-icon{color:var(--primary-light)}.skills .skill-category .category-content{padding:15px 20px;overflow:hidden}.skills .skill-category .category-description{font-size:14px;color:var(--secondary);margin-bottom:10px}body.dark .skills .skill-category .category-description{color:var(--text-light)}.skills .skill-category .skills-grid{display:grid;grid-template-columns:1fr;gap:10px}.skills .skill-card{background:var(--background);border-radius:6px;padding:12px;display:flex;align-items:flex-start;gap:8px;transition:transform .3s ease;min-height:80px}body.dark .skills .skill-card{background:var(--background-dark)}.skills .skill-card:hover{transform:translateY(-3px)}.skills .skill-card .skill-icon{font-size:20px;color:var(--primary);margin-top:5px}body.dark .skills .skill-card .skill-icon{color:var(--primary-light)}.skills .skill-card .skill-info{flex:1}.skills .skill-card .skill-name{font-size:16px;font-weight:500;color:var(--text);margin-bottom:4px}body.dark .skills .skill-card .skill-name{color:var(--text-light)}.skills .skill-card .skill-level{display:inline-block;font-size:11px;padding:3px 6px;border-radius:10px;margin-bottom:6px}.skills .skill-card .skill-level.expert{background:var(--success-bg);color:var(--success-text)}.skills .skill-card .skill-level.proficient{background:var(--info-bg);color:var(--info-text)}.skills .skill-card .skill-level.intermediate{background:var(--warning-bg);color:var(--warning-text)}.skills .skill-card .skill-description{font-size:13px;color:var(--secondary);line-height:1.4}body.dark .skills .skill-card .skill-description{color:var(--text-light)}@media (max-width: 690px){.skills .skills-content{grid-template-columns:1fr;padding:0 5px}.skills .skill-category .category-header,.skills .skill-category .category-content{padding:10px 15px}.skills .skill-category .skills-grid{gap:8px}.skills .skill-card{padding:10px;gap:6px}}.contact{font-family:Barlow Condensed,sans-serif;color:var(--text-light)}.contact .title:after{content:"Get in touch"}.contact .contact-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.contact .contact-content .column{width:calc(50% - 30px)}.contact .contact-content .column .text{font-size:20px;font-weight:600;margin-bottom:10px}.contact .contact-content .column p{text-align:justify}.contact .contact-content .column .icons{margin:10px 0}.contact .contact-content .column .icons .row{display:flex;align-items:center;height:65px}.contact .contact-content .column .icons .row i{font-size:25px;color:var(--primary)}.contact .contact-content .column .icons .row .info{margin-left:30px}.contact .contact-content .column .icons .row .info .head{font-weight:500}.contact .contact-content .column .icons .row .info .sub-title{color:var(--text-light)}.contact .contact-content .right form .fields{display:flex;margin-bottom:10px}.contact .contact-content .right form .fields .field{height:45px;width:100%}.contact .contact-content .right form .fields .field.name{margin-right:10px}.contact .contact-content .right form .fields .field.email{margin-left:10px}.contact .contact-content .right form .subject{margin:10px 0;height:45px;width:100%}.contact .contact-content .right form .field input,.contact .contact-content .right form .field textarea{height:100%;width:100%;border:1px solid var(--gray-light);border-radius:6px;padding:0 15px;outline:none;font-size:18px;font-family:Barlow Condensed,sans-serif}.contact .contact-content .right form .field input:focus,.contact .contact-content .right form .field textarea:focus{border-color:var(--primary)}.contact .contact-content .right form .field textarea{height:120px;resize:vertical}.contact .contact-content .right form .button{display:flex;justify-content:center;margin-top:10px}.contact .contact-content .right form .button button{height:40px;width:100%;border:1px solid var(--gray-light);border-radius:6px;padding:0 15px;font-size:18px;font-family:Barlow Condensed,sans-serif;background:var(--primary);color:var(--text-light);cursor:pointer;transition:all .3s ease}.contact .contact-content .right form .button button:hover{background:none;color:var(--primary)}@media (max-width: 947px){.contact .contact-content .column{width:100%;margin-bottom:30px}}.projects{font-family:Barlow Condensed,sans-serif;color:var(--text)}.projects .title:after{content:"What I've Built"}.projects .projects-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:0 10px;align-items:start}.projects .project-card{background:var(--background);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}body.dark .projects .project-card{background:var(--background-dark-alt);box-shadow:0 2px 8px #0000004d}.projects .project-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0003}.projects .project-card .project-image{width:100%;height:180px;overflow:hidden;background:var(--background-dark);flex-shrink:0}.projects .project-card .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.projects .project-card:hover .project-image img{transform:scale(1.05)}.projects .project-card .project-content{padding:20px;display:flex;flex-direction:column;gap:12px}.projects .project-card .project-content .project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.projects .project-card .project-content .project-header .project-name{font-size:18px;font-weight:600;margin:0;color:var(--text);line-height:1.3}body.dark .projects .project-card .project-content .project-header .project-name{color:var(--text-light)}.projects .project-card .project-content .project-header .featured-badge{background:var(--primary);color:#f3f4f6;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}body.dark .projects .project-card .project-content .project-header .featured-badge{background:var(--primary-light)}.projects .project-card .project-content .project-description{font-size:14px;color:var(--secondary);line-height:1.5;margin:0}body.dark .projects .project-card .project-content .project-description{color:var(--text-light)}.projects .project-card .project-content .project-meta{display:flex;flex-wrap:wrap;gap:8px}.projects .project-card .project-content .project-meta span{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:10px}.projects .project-card .project-content .project-meta span.category,body.dark .projects .project-card .project-content .project-meta span.category{background:var(--info-bg);color:var(--info-text)}.projects .project-card .project-content .project-meta span.status,body.dark .projects .project-card .project-content .project-meta span.status{background:var(--success-bg);color:var(--success-text)}.projects .project-card .project-content .technologies h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;color:var(--text)}body.dark .projects .project-card .project-content .technologies h4{color:var(--text-light)}.projects .project-card .project-content .technologies ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.projects .project-card .project-content .technologies ul li{background:var(--background-dark);color:var(--secondary);font-size:12px;padding:4px 10px;border-radius:10px}body.dark .projects .project-card .project-content .technologies ul li{background:var(--background-dark);color:var(--text-light)}.projects .project-card .project-content .organisation,.projects .project-card .project-content .role{font-size:13px;margin:0;color:var(--secondary)}body.dark .projects .project-card .project-content .organisation,body.dark .projects .project-card .project-content .role{color:var(--text-light)}.projects .project-card .project-content .organisation strong,.projects .project-card .project-content .role strong{color:var(--text)}body.dark .projects .project-card .project-content .organisation strong,body.dark .projects .project-card .project-content .role strong{color:var(--text-light)}.projects .project-card .project-content .project-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.projects .project-card .project-content .project-links .link-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--primary);border:2px solid var(--primary);padding:6px 14px;border-radius:6px;text-decoration:none;transition:all .3s ease}body.dark .projects .project-card .project-content .project-links .link-btn{color:var(--primary-light);border-color:var(--primary-light)}.projects .project-card .project-content .project-links .link-btn:hover{background:var(--primary);color:#f3f4f6}body.dark .projects .project-card .project-content .project-links .link-btn:hover{background:var(--primary-light);color:#1f2937}@media (max-width: 690px){.projects .projects-content{grid-template-columns:1fr;padding:0 5px;gap:15px}.projects .project-card .project-content{padding:15px;gap:10px}.projects .project-card .project-content .project-name{font-size:16px}.projects .project-card .project-content .project-description{font-size:13px}}:root{--primary: #3B82F6;--primary-light: #60A5FA;--secondary: #4B5563;--background: #F9FAFB;--background-dark: #1F2937;--background-dark-alt: #374151;--text: #1F2A44;--text-light: #F3F4F6;--accent: #F59E0B;--gray-light: #D1D5DB;--success-bg: #ECFDF5;--success-border: #10B981;--success-text: #047857;--error-bg: #FEF2F2;--error-border: #EF4444;--error-text: #B91C1C;--warning-bg: #FFFBEB;--warning-border: #F59E0B;--warning-text: #B45309;--info-bg: #EFF6FF;--info-border: #3B82F6;--info-text: #1D4ED8}body.dark{--background: #111827;--background-dark: #0F172A;--background-dark-alt: #1F2937;--text: #E5E7EB;--primary: #60A5FA;--primary-light: #93C5FD;--success-bg: #064E3B;--success-border: #34D399;--success-text: #6EE7B7;--error-bg: #7F1D1D;--error-border: #F87171;--error-text: #FCA5A5;--warning-bg: #78350F;--warning-border: #FBBF24;--warning-text: #FCD34D;--info-bg: #1E3A8A;--info-border: #60A5FA;--info-text: #93C5FD}body{font-family:Poppins,sans-serif;background:var(--background);color:var(--text)}.max-width{max-width:1300px;padding:0 80px;margin:auto}@media (max-width: 991px){.max-width{padding:0 50px}}@media (max-width: 690px){.max-width{padding:0 23px}}.scroll-up-btn{background:var(--primary);right:30px;width:42px;height:45px;position:fixed;text-align:center;line-height:45px;color:var(--text-light);z-index:9999;font-size:30px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .3s ease}.scroll-up-btn.show{bottom:30px;opacity:1;pointer-events:auto}.navbar{position:fixed;width:100%;padding:30px 0;font-family:Poppins,sans-serif;z-index:999;transition:background .3s ease}.navbar.sticky{background:var(--primary);padding:15px 0}.navbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .logo a{color:var(--text-light);font-size:35px;text-decoration:none;font-weight:600}.navbar .logo a span{color:var(--primary-light);transition:color .3s ease}body.dark .navbar .logo a span{color:var(--primary-light)}.navbar .menu li{list-style:none;display:inline-block}.navbar .menu li a{display:block;color:var(--text-light);font-size:18px;font-weight:500;margin-left:25px;text-decoration:none;transition:all .3s ease-in-out}.navbar .menu li a:hover{color:var(--primary-light);background:var(--gray-light);border-radius:6px;padding:10px 14px}.navbar .navbar-controls{display:flex;align-items:center;gap:12px}.navbar .theme-toggle{background:transparent;border:none;color:var(--text-light);font-size:18px;cursor:pointer;padding:6px;border-radius:50%;transition:background .3s ease,color .3s ease}.navbar .menu-btn{color:var(--text-light);font-size:20px;cursor:pointer;display:none}.navbar .menu-btn.active{color:var(--text-light)}@media (max-width: 947px){.navbar{padding:20px 0}.navbar .menu-btn{display:block;z-index:999}.navbar .menu-btn.active{color:var(--text-light)}.navbar .navbar-controls{gap:18px;order:2}.navbar .theme-toggle{font-size:16px;padding:5px;order:-1}.navbar .menu{position:fixed;background:var(--background-dark);width:100%;height:100vh;left:-100%;top:0;text-align:center;padding-top:80px;transition:all .3s ease}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;font-size:24px;margin:20px 0}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}