@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Meow+Script&display=swap";html,body{margin:0;padding:0;width:100%;min-height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;list-style:none}section{width:100%;max-width:1200px;margin:0 auto;padding:2rem}body{background-color:#fff1e1;color:#1d3c45;font-family:Arial,sans-serif;margin:0;padding:0}.hero-content{display:flex;align-items:center;justify-content:space-between;padding:4rem 2rem;flex-wrap:wrap}.hero-text{font-size:1.6rem;flex:1;min-width:250px}.hero-image{position:relative;display:inline-block}.hero-image:hover{transform:scale(1.05)}.hero-image img{width:400px;height:400px;border-radius:50%;border:5px solid #1D3C45;object-fit:cover;position:relative;z-index:1}.hero-btn{display:inline-block;margin-top:1.5rem;padding:.8rem 1.8rem;background-color:#1d3c45;color:#fff;font-weight:700;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:background-color .3s,transform .3s}.hero-btn:hover{background-color:#d2601a;transform:translateY(-3px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem}#projects{text-align:center}.project-card{background-color:#fff1e1;color:#1d3c45;padding:1.5rem;border-radius:15px;text-align:center;box-shadow:0 6px 15px #0006;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-8px);box-shadow:0 0 20px #1d3c45}.project-image{width:100%;border-radius:10px;margin-bottom:1rem}.back-arrow{position:absolute;top:20px;left:20px;background:none;border:none;color:#232946;font-size:1.3rem;cursor:pointer;font-weight:700;transition:color .2s;z-index:10}.back-arrow:hover{color:#ff2e1f}.project-details{position:relative}.project-details{padding:60px 20px;max-width:1000px;margin:auto;text-align:center}.project-header h1{font-size:2.5rem;margin-bottom:10px}.project-subtitle{font-size:1.2rem;color:#666;margin-bottom:30px}.project-content{display:flex;flex-direction:column;gap:30px;align-items:center}.project-image-large{max-width:800px;border-radius:10px;box-shadow:0 4px 10px #0003}.project-text{text-align:left;max-width:800px}.tech-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;padding:0;list-style:none}.tech-list li{background:#f3f3f3;border-radius:20px;padding:8px 15px;font-size:.9rem;font-weight:700}.btn-demo,.btn-back{display:inline-block;margin-top:20px;padding:12px 20px;border-radius:8px;background:#007bff;color:#fff;text-decoration:none;transition:.3s}.btn-demo:hover,.btn-back:hover{background:#0056b3}.project-card button{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:8px;background-color:#1d3c45;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s}.project-card button:hover{background-color:#ff2e1f}*{transition:all .2s ease-in-out}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff1e1;box-shadow:0 2px 10px #0006;position:sticky;top:0;z-index:100}.name h1{font-size:2.5rem;font-family:Meow Script,cursive;margin:0;color:#1d3c45}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-links li a{text-decoration:none;color:#1d3c45;font-weight:500;transition:color .3s}.nav-links li a:hover{color:#d2601a}.skills,.contact{padding:4rem 2rem;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2rem}.skill-card{background-color:#fff1e1;color:#1d3c45;padding:1.5rem;border-radius:15px;text-align:center;box-shadow:0 6px 15px #0006;transition:transform .3s,box-shadow .3s}.skill-card:hover{transform:translateY(-8px);box-shadow:0 0 20px #1d3c45}.skill-icon{font-size:2.5rem;margin-bottom:1rem;color:#1d3c45}.skill-card h3{margin-bottom:1rem}.skill-card ul{list-style:none;padding:0}.skill-card li{margin-bottom:.5rem;color:#1d3c45}.quote-section{color:#1d3c45;font-family:Meow Script,cursive;padding:2rem;margin:2rem auto;text-align:center;position:relative}.quote-section:before{font-size:6rem;color:#1d3c45;position:absolute;left:30px;top:10px;opacity:.3;font-family:Meow Script,cursive;pointer-events:none}.quote-section .quote-text{font-size:2.2rem;font-weight:500;letter-spacing:1px;margin-bottom:1.5rem;line-height:1.3;text-shadow:0 2px 8px #23294688}.contact a{color:#1d3c45;text-decoration:none}.contact a:hover{text-decoration:underline}.contact-icons{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.contact-icons a{display:inline-block;transition:transform .3s}.contact-icons a:hover{transform:scale(1.2)}.contact-section{padding:60px 20px;background:#fff1e1;text-align:center}.contact-form{max-width:600px;margin:0 auto;text-align:left}.form-group{margin-bottom:20px}label{display:block;font-weight:700;margin-bottom:8px}input,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:1rem;color:#1d3c45;border-color:#1d3c45;background-color:#fff1e1}textarea{resize:none}.btn-submit{background-color:#1d3c45;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .3s ease}.btn-submit:hover{background-color:#d2601a}.project-image-large{display:block;max-width:800px;width:100%;margin:2rem auto;border-radius:18px;box-shadow:0 8px 32px #2329462e,0 1.5px 8px #23294644;transition:transform .3s cubic-bezier(.4,2,.3,1),box-shadow .3s;object-fit:cover;background:linear-gradient(135deg,#232946,#39375b)}.project-image-large:hover{transform:scale(1.04) rotate(-2deg);box-shadow:0 16px 48px #23294647,0 3px 16px #23294666;filter:brightness(1.08) saturate(1.1)}@media (max-width: 640px){.navbar{padding:.5rem 1rem}.hero-image{margin-top:2rem}.hero-image img{width:300px;height:300px}.name h1{font-size:1rem}.nav-links{gap:.7rem}.nav-links li a{font-size:.5rem}.hero-content{padding:1.5rem .7rem}.hero-text{font-size:1.2rem}.back-arrow{font-size:.8rem;top:10px;left:10px}}