*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#000;color:#fff;line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:#000000e6;position:absolute;width:100%;z-index:10}.logo-container{display:flex;align-items:center}.logo{width:40px;height:40px;margin-right:10px;border-radius:8px;background-color:#fff}.header-title{font-size:1.2rem;font-weight:500}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{color:#fff;text-decoration:none;font-size:.9rem;transition:opacity .3s}nav ul li a:hover{opacity:.8}.hero{height:100vh;background-image:url(https://ybloycmfldkbaequsiyd.supabase.co/storage/v1/object/public/portfolio//WhatsApp%20Image%202025-05-25%20at%208.49.41%20PM.jpeg);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;padding-left:10%}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.7) 30%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.2) 100%)}.hero-content{position:relative;z-index:2;max-width:600px}.hero-content h2{font-size:3rem;margin-bottom:15px;font-weight:600}.hero-content p{font-size:1.1rem;margin-bottom:30px;opacity:.9}.cta-button{background-color:#6c63ff;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.cta-button:hover{background-color:#5a52d5}.info-section{display:flex;padding:80px 40px;gap:60px}.info-image{flex:1}.info-image img{width:100%;height:auto;border-radius:8px;object-fit:cover}.info-content{flex:1;display:flex;flex-direction:column;justify-content:center}.info-content h2{font-size:2.2rem;margin-bottom:40px;font-weight:600}.info-item{margin-bottom:30px}.info-item h3{font-size:1.3rem;margin-bottom:10px;font-weight:600}.info-item p{font-size:1rem;opacity:.9}.filmography-section{padding:80px 40px;background-color:#0a0a0a}.filmography-section h2{font-size:2.2rem;margin-bottom:40px;font-weight:600;text-align:center}.filmography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.film-card{background-color:#ffffff0d;border-radius:8px;padding:25px;transition:transform .3s,background-color .3s}.film-card:hover{transform:translateY(-5px);background-color:#ffffff14}.film-poster{margin-bottom:15px;border-radius:4px;overflow:hidden}.film-poster img{width:100%;height:auto;display:block;transition:transform .3s}.film-card:hover .film-poster img{transform:scale(1.05)}.film-card h3{font-size:1.2rem;margin-bottom:10px;font-weight:600}.film-card .role{color:#aaa;font-size:.9rem;margin-bottom:15px}.wiki-link{display:inline-block;color:#6c63ff;text-decoration:none;font-size:.9rem;transition:color .3s}.wiki-link:hover{color:#5a52d5;text-decoration:underline}.contact-section{padding:80px 40px}.contact-section h2{font-size:2.2rem;margin-bottom:40px;font-weight:600;text-align:center}.contact-container{max-width:600px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{padding:12px;border-radius:4px;border:1px solid #333;background-color:#ffffff0d;color:#fff;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6c63ff}.submit-button{background-color:#6c63ff;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s;align-self:flex-start;margin-top:10px}.submit-button:hover{background-color:#5a52d5}.social-section{padding:60px 40px;background-color:#0a0a0a;text-align:center}.social-section h2{font-size:2.2rem;margin-bottom:30px;font-weight:600}.social-links{display:flex;justify-content:center;gap:40px}.social-link{display:flex;flex-direction:column;align-items:center;color:#fff;text-decoration:none;transition:transform .3s,color .3s}.social-link:hover{transform:translateY(-5px);color:#6c63ff}.social-link i{font-size:2rem;margin-bottom:10px}.social-link span{font-size:.9rem}footer{padding:40px;background-color:#000;border-top:1px solid #222}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo img{width:30px;height:30px;border-radius:6px}.footer-logo p{font-size:1rem;font-weight:500}.copyright{font-size:.8rem;color:#777}@media (max-width: 768px){.info-section{flex-direction:column}.hero-content h2{font-size:2.5rem}header{padding:15px 20px}.filmography-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.social-links{flex-direction:column;gap:20px}}@media (max-width: 480px){.filmography-grid{grid-template-columns:1fr}.submit-button{width:100%}}