@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary: #0ccb5b;--primary-hover: #0aa349;--secondary: #eafff2;--dark: #005a26;--text-dark: #1f2937;--text-muted: #6b7280;--bg-color: #ffffff;--bg-light: #f6fdf9;--card-bg: #ffffff;--border-color: rgba(0, 0, 0, .1);--input-bg: #f9fafb;--input-border: #e5e7eb;--footer-bg: #1f2937;--footer-text: #9ca3af}[data-theme=dark]{--primary: #10e66a;--primary-hover: #12fb75;--secondary: #0d1a13;--dark: #07401d;--text-dark: #f3f4f6;--text-muted: #9ca3af;--bg-color: #080c0b;--bg-light: #0d1211;--card-bg: #121917;--border-color: rgba(255, 255, 255, .1);--input-bg: #1a2220;--input-border: #2d3735;--footer-bg: #050807;--footer-text: #9ca3af}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;color:var(--text-dark);background-color:var(--bg-color);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-dark)}a{text-decoration:none;color:inherit;transition:all .3s ease}.highlight-text{color:var(--primary)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.bg-light{background-color:var(--bg-light)}.section-label{color:var(--primary);font-weight:600;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.section-title{font-size:2.5rem;margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;font-size:1rem}.btn-small{padding:8px 20px;font-size:.9rem}.btn-block{width:100%}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);border-color:#0ccb5b4d}.btn-outline{background-color:transparent;border:1px solid var(--text-dark);color:var(--text-dark)}.btn-outline:hover{background-color:var(--text-dark);color:#fff}.rounded-pill{border-radius:50px}.navbar{position:absolute;top:0;left:0;width:100%;padding:24px 0;z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.round-logo{width:60px;height:60px;border-radius:50%;border:2px solid var(--primary);object-fit:contain;transition:transform .3s ease;cursor:pointer}.round-logo:hover{transform:scale(1.1)}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.95rem;font-weight:500;color:var(--text-muted)}.nav-links a:hover{color:var(--primary)}.theme-toggle-btn{background:var(--secondary);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);transition:all .3s ease}.theme-toggle-btn:hover{transform:scale(1.1);background:var(--primary);color:#fff}.hero-section{background-color:var(--secondary);padding:160px 0 80px;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-text h1{font-size:3.5rem;line-height:1.2;margin-bottom:24px}.hero-desc{font-size:1.1rem;color:var(--text-muted);margin-bottom:32px;max-width:480px}.hero-actions{display:flex;gap:16px;align-items:center}.hero-image-wrapper{position:relative;display:flex;justify-content:center;align-items:flex-end;height:540px;max-width:420px;margin-left:auto}.green-blob{position:absolute;width:380px;height:380px;background-color:var(--primary);border-radius:50%;z-index:0;top:90px}.hero-image{position:relative;z-index:1;height:105%;object-fit:contain;object-position:bottom;border:none;border-radius:0;transform:translateY(15px)}.banner{background-color:var(--dark);color:#fff;padding:30px 0;position:relative;overflow:hidden}.banner:before{content:"";position:absolute;top:-20px;left:-10%;width:120%;height:40px;background-color:var(--primary);transform:rotate(-1.5deg);z-index:1}.banner-content{display:flex;justify-content:space-around;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.banner-item{display:flex;align-items:center;gap:16px;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.about-section{padding:100px 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-image{width:100%;max-width:400px;border-radius:24px;border:none;background-color:var(--secondary)}.about-text p{color:var(--text-muted);margin-bottom:16px;font-size:1.05rem}.stats-container{display:flex;gap:24px;margin-top:32px;background-color:var(--secondary);padding:24px;border-radius:16px}.stat-box{flex:1;text-align:center}.stat-box h3{font-size:2rem;color:var(--text-dark);margin-bottom:4px}.stat-box p{color:var(--text-muted);font-size:.9rem;margin:0}.awards-section{padding:80px 0}.award-card{display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:24px;overflow:hidden;border:1px solid var(--border-color)}@media(min-width:992px){.award-card{flex-direction:row;align-items:center}}.award-content{padding:48px;flex:1}.award-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--primary);color:#fff;padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px}.award-title{font-size:2rem;margin-bottom:16px;color:var(--text-dark)}.award-desc{font-size:1.1rem;color:var(--text-muted)}.award-image-wrapper{flex:1;display:flex}.award-image{width:100%;height:100%;object-fit:cover;min-height:300px}.skills-section{padding:100px 0;background-color:var(--bg-light)}.skills-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 48px}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;max-width:1100px;margin:0 auto}.skill-card{background:var(--card-bg);padding:32px;border-radius:20px;border:1px solid var(--border-color);transition:all .3s ease;flex:0 1 calc(33.333% - 16px);min-width:300px}.skill-card:hover{transform:translateY(-5px);border-color:#0ccb5b80}.skill-icon-wrapper{display:flex;align-items:center;gap:16px;margin-bottom:20px}.skill-icon-bg{width:48px;height:48px;background-color:var(--secondary);border-radius:12px;display:flex;align-items:center;justify-content:center}.skill-icon{color:var(--primary)}.skill-title{font-size:1.15rem;font-weight:600;color:var(--text-dark)}.skill-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:20px;min-height:44px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:var(--secondary);color:var(--text-dark);padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:500}.work-section{padding:100px 0}.section-header{margin-bottom:48px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.project-card{background:var(--card-bg);border-radius:20px;overflow:hidden;border:1px solid var(--border-color);transition:all .3s ease}.project-card:hover{transform:translateY(-5px);border-color:#0003}.project-image-placeholder{height:200px;background-color:var(--secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-thumbnail{width:100%;height:100%;object-fit:cover}.project-thumbnail.contain-img{object-fit:contain;padding:16px}.project-info{padding:24px}.project-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.project-info h3{font-size:1.25rem;margin:0}.project-role{font-size:.85rem;color:var(--primary);font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.project-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:16px;min-height:60px}.badge{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}.badge-live{background-color:var(--secondary);color:var(--dark)}.badge-pending{background-color:#f3f4f6;color:var(--text-muted)}.project-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:.95rem}.project-link.disabled{color:var(--text-muted);cursor:not-allowed}.project-link:not(.disabled):hover{color:var(--dark)}.contact-section{padding:100px 0}.contact-container{display:grid;grid-template-columns:1fr 1.2fr;gap:64px}.contact-desc{color:var(--text-muted);margin-bottom:32px;font-size:1.05rem}.contact-methods{display:flex;flex-direction:column;gap:24px}.contact-method{display:flex;align-items:center;gap:16px}.contact-icon{color:var(--primary);width:48px;height:48px;background-color:var(--secondary);padding:12px;border-radius:12px}.contact-method h4{margin-bottom:2px}.contact-method p{color:var(--text-muted);margin:0}.contact-form-wrapper{background:var(--card-bg);padding:40px;border-radius:24px;border:1px solid var(--border-color)}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:16px;border:1px solid var(--input-border);border-radius:12px;font-family:inherit;font-size:1rem;transition:border-color .3s ease;background-color:var(--input-bg);color:var(--text-dark)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background-color:var(--card-bg)}.footer{background-color:var(--footer-bg);color:var(--footer-text);padding:48px 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:24px}.footer-logo{font-size:1.5rem;font-weight:800;color:#fff}.social-links{display:flex;gap:16px}.social-links a{background-color:#ffffff1a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;transition:all .3s ease}.social-links a:hover{background-color:var(--primary);transform:translateY(-2px)}.footer-copy{font-size:.9rem}@media(max-width:992px){.hero-content,.about-content,.contact-container{grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:3rem}.hero-desc{margin:0 auto 32px}.hero-actions{justify-content:center}.about-image-wrapper{order:-1}.banner-content{flex-direction:column;gap:16px}}@media(max-width:768px){.nav-links,.navbar .btn{display:none}.hero-text h1{font-size:2.5rem}.section-title{font-size:2rem}}
