:root{--bg-body: #ffffff;--bg-card: #ffffff;--accent-gradient: linear-gradient(135deg, #ff9a3b 0%, #ff5277 100%);--accent-solid: #ff0055;--text-main: #111111;--text-body: #4a4a4a;--text-muted: #888888;--radius: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-body);color:var(--text-body);overflow-x:hidden;line-height:1.5}.floating-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,128,0,.1);border-radius:50px;box-shadow:5px 5px 15px #0000000d;z-index:9999}.floating-nav a{text-decoration:none;color:var(--text-body);font-size:.9rem;font-weight:600;padding:8px 16px;border-radius:30px;transition:all .3s ease}.floating-nav a:hover{color:#fff;background:var(--accent-gradient);box-shadow:0 4px 15px #ff527766}.main-content-wrapper{width:100%}.portfolio-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px}.hero-container{position:relative;width:100%;height:100vh;overflow:hidden;padding:0}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff0;z-index:2}.hero-content{position:relative;z-index:3;width:100%;height:100%}.hero-content{width:100%;height:100vh;position:relative}.hero-content h1{position:absolute;top:60px;left:60px;font-size:6rem;font-weight:750;letter-spacing:-3px;line-height:1;color:var(--text-main);max-width:50%;text-align:left}.hero-socials{position:absolute;top:60px;right:60px;display:flex;gap:30px}.hero-socials a{font-size:2rem;color:var(--text-main);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hero-socials a:hover{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.2) rotate(5deg)}.hero-content .role{position:absolute;top:160px;left:65px;color:#fff;font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.hero-content .bio{position:absolute;bottom:130px;right:60px;color:var(--text-main);font-size:1.4rem;font-weight:700;max-width:400px;text-align:justify;line-height:1.5}.hero-content .divider{display:none}.bg-white,.bg-light{background-color:var(--bg-body)}.section-title{margin-bottom:25px;font-size:3rem;font-weight:800;margin-top:-50px;letter-spacing:-2px;text-align:center;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-card{display:flex;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;max-width:1300px;width:100%;min-height:600px;margin-top:-20px;border:1px solid #ff9a3b;box-shadow:0 10px 10px #ff990003;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.flex-row-reverse{flex-direction:row-reverse}.project-image{flex:1.3;position:relative;background-size:cover;background-position:center}.project-details{flex:2;padding:60px;display:flex;flex-direction:column;justify-content:center}.project-details h3{font-size:2.5rem;margin-bottom:20px;font-weight:800;color:var(--text-main);letter-spacing:-1px}.project-details p{color:var(--text-body);font-size:1.15rem;margin-bottom:30px;margin-top:20px}.tech-tag{background:var(--bg-body);border:1px solid rgba(0,0,0,.1);color:var(--text-main);padding:6px 16px;font-size:.8rem;font-weight:700;border-radius:50px;margin-right:10px}.btn-primary{display:inline-block;margin-top:auto;padding:18px 36px;background:var(--accent-gradient);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;width:fit-content;transition:.3s;box-shadow:0 10px 20px #ff52774d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px #ff527780}.footer-container{background-color:var(--bg-body);color:var(--text-main);border-top:1px solid rgba(0,0,0,.05);padding:10px}.footer-content{max-width:1200px;margin:0 auto 10px;display:flex;justify-content:space-between;align-items:flex-start}.footer-info{font-size:1rem;font-weight:500;margin-bottom:10px;letter-spacing:-1px}.footer-socials{display:flex;gap:30px}.footer-socials a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:var(--bg-body);border-radius:50%;color:var(--text-main);font-size:1.5rem;text-decoration:none;transition:all .3s ease;border:1px solid rgba(0,0,0,.05);box-shadow:0 5px 15px #0000000d}.footer-socials a:hover{background-color:var(--text-main);color:#fff;transform:translateY(-3px)}@media(max-width:900px){.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;height:100vh}.hero-content h1{position:relative;top:auto;left:auto;font-size:3.5rem;max-width:100%;margin-bottom:15px;color:#fff;margin-top:-50px}.hero-socials{position:relative;top:auto;right:auto;margin-bottom:25px;justify-content:center}.hero-content .role{position:relative;bottom:auto;left:auto;margin-bottom:20px;color:transparent}.hero-content .bio{position:relative;bottom:auto;right:auto;text-align:center;max-width:100%;color:#fff}.floating-nav{width:auto;max-width:90%;min-width:280px;bottom:20px;left:50%;transform:translate(-50%);padding:8px 12px;gap:5px;justify-content:center;white-space:nowrap;overflow-x:auto;z-index:99999}.floating-nav a{font-size:.75rem;padding:6px 10px}.floating-nav a[href="#home"]{display:none}.project-card{flex-direction:column;min-height:auto}.project-image{min-height:250px;flex:none;height:250px}.project-details{padding:30px 20px}.footer-content{flex-direction:row;align-items:left;text-align:left;gap:30px;padding:0 0 45px}}