p{color:#000;font-family:Montserrat,sans-serif;font-size:1rem}.intro{max-width:30ch}ul{padding-left:1.5rem;list-style-type:disc}ul li{color:#000;margin-bottom:5px;font-family:Montserrat,sans-serif;font-size:1rem}main{background-color:#f6f6f6;padding:20px}footer{text-align:center;box-sizing:border-box;background-color:#f6f6f6;width:100%;margin-top:50px;margin-bottom:50px;padding:20px;font-family:Montserrat,sans-serif}.hero-container{justify-content:center;width:100%;margin-bottom:10px;padding-top:40px;display:flex}.left-side{text-align:center;flex-direction:column;align-items:center;width:40%;padding:80px 60px;display:flex}.right-side{justify-content:center;align-items:center;display:flex}.right-side img{width:auto;max-height:70vh}body{background-color:#f6f6f6;margin:0}header{width:100%;padding:20px 0}.menu-container{justify-content:center;max-width:1200px;margin:30px auto 0;display:flex}.menu-container p{text-transform:uppercase}nav ul{gap:30px;margin:0;padding:0;font-family:Montserrat,sans-serif;list-style:none;display:flex}nav a{text-transform:uppercase;color:#000;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:400;text-decoration:none}nav a:hover{color:gray}h1{margin-top:0;font-family:Montserrat,sans-serif;font-size:6.25rem}h3{font-family:Montserrat,sans-serif;font-size:1.5625rem;font-weight:400}h2{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:400}h4{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:700}.bio-section{background-color:#fff;padding:80px 0}.bio-container{gap:60px;max-width:1200px;margin:0 auto;display:flex}.bio-left{width:40%}.bio-left h2{letter-spacing:2px;margin-bottom:20px;font-size:.875rem;font-weight:600}.bio-left img{border-radius:4px;width:100%;height:auto;display:block}.bio-right{flex-direction:column;width:60%;display:flex}.bio-right h3{margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:1.5625rem;line-height:1.3}.bio-right p{max-width:500px;margin-bottom:20px;font-size:1rem;line-height:1.7}.work-container{box-sizing:border-box;gap:60px;width:100%;max-width:1200px;margin:50px auto 100px;display:flex}.work-left{width:40%}.work-left h2{letter-spacing:2px;margin-bottom:20px;font-size:.875rem;font-weight:600}.work-left img{border-radius:4px;width:100%;height:auto;display:block}.work-right{width:60%}.work-right h3{margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:1.5625rem;line-height:1.3}.work-right p{max-width:500px;margin-bottom:20px;font-size:1rem;line-height:1.7}.portfolio-container{box-sizing:border-box;background-color:#fff;gap:60px;width:100%;max-width:1200px;margin:0 auto 100px;padding-top:20px;display:flex}.portfolio-section{background-color:#fff;padding:30px 0}.portfolio-left{width:45%}.portfolio-left h2{letter-spacing:2px;white-space:nowrap;margin-bottom:20px;font-size:.875rem;font-weight:600}.portfolio-left img{border-radius:16px;width:100%;max-width:500px;height:auto;display:block}.portfolio-right{width:55%}.portfolio-right h3{margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:1.5625rem;line-height:1.3}.portfolio-right p{max-width:500px;margin-bottom:20px;font-size:1rem;line-height:1.7}.contact-container{gap:60px;width:100%;max-width:1200px;margin:50px auto 0;display:flex}.contact-left{width:40%}.contact-left h2{letter-spacing:2px;margin-bottom:20px;font-size:.875rem;font-weight:600}.contact-left img{border-radius:4px;width:100%;max-width:400px;height:auto;display:block}.contact-right{width:60%}.contact-right h3{margin-bottom:20px;font-family:Montserrat,sans-serif;font-size:1.5625rem;line-height:1.3}.contact-right p{max-width:500px;margin-bottom:20px;font-size:1rem;line-height:1.7}.contact-info{font-style:normal;line-height:1.7}.contact-info a{color:inherit;text-decoration:none}.contact-info p{margin:0}.info-box{transition:transform .3s}.info-box:hover{transform:translateY(-5px)}.info-box h3{margin-top:0}.uppercase{text-transform:uppercase;letter-spacing:3px;color:#000;margin-bottom:2rem;font-size:1rem;font-weight:700;position:relative}label{flex-direction:column;gap:6px;margin-bottom:16px;font-family:Montserrat,sans-serif;display:flex}label span{font-size:.9rem;font-weight:600}input,select,textarea{border:1px solid #ccc;border-radius:6px;padding:10px;font-family:Montserrat,sans-serif;font-size:1rem}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}form{max-width:400px;margin-top:10px}.checkbox-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.contact-info a{color:#2e2086;font-style:italic;text-decoration:none}.contact-info a:hover{color:gray}.projects-container{max-width:1200px;margin:0 auto;padding:40px 20px}.project-scroll{scroll-snap-type:x mandatory;gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.project-card{cursor:pointer;scroll-snap-align:start;background:#fff;border-radius:20px;min-width:300px;padding-bottom:24px;transition:all .3s;overflow:hidden;box-shadow:0 4px 10px #0000000d}.project-card img{object-fit:contain;object-position:center;box-sizing:border-box;width:100%;height:180px;padding:10px}.project-card h3{margin:24px 24px 12px;line-height:1.3}.project-card p{color:#555;margin:0 24px 16px;font-size:1.1rem;line-height:1.7}.project-card span{color:#777;margin:0 24px;font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.6;display:block}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.projects-section{background:#f6f6f6}.modal{background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:600px;padding:40px;animation:.3s fadeIn;box-shadow:0 20px 60px #00000026}.modal a{border-radius:999px;justify-content:center;align-items:center;margin-top:20px;margin-right:12px;padding:12px 20px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}#modal-live{color:#fff;background:linear-gradient(135deg,#cd82c5,#b96db1)}#modal-github{color:#111;background:#f3f3f3;border:1px solid #ddd}.modal a:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}#modal-title{color:#111;margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;line-height:1.2}#modal-tech{color:#777;margin-top:8px;font-size:1rem;display:inline-block}#modal-about{color:#444;margin-top:24px;line-height:1.8}.modal-content{max-height:90vh;overflow-y:auto}#modal-image{object-fit:contain;box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-height:300px;margin:20px 0;padding:20px}.hero-container{opacity:0;transition:all .8s;transform:translateY(20px)}.hero-container.visible{opacity:1;transform:translateY(0)}#typing-text:after{content:"|";animation:1s infinite blink}#new-fact-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#cd82c5,#b96db1);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}#new-fact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.fun-facts-box{background:#fff;border:1px solid #e9e9e9;border-radius:18px;max-width:500px;margin-top:40px;padding:30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.fun-facts-box:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.fun-facts-box h4{letter-spacing:2px;text-transform:uppercase;margin-top:0;margin-bottom:20px;font-size:1rem}.close{background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.cv-button{color:#fff;background:linear-gradient(135deg,#cd82c5,#b96db1);border-radius:999px;justify-content:center;align-items:center;margin-top:5rem;padding:12px 20px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.cv-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}input[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#cd82c5,#b96db1);border:none;border-radius:999px;width:fit-content;padding:12px 30px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.project-buttons{padding:0 15px 20px}.project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#cd82c5,#b96db1);border:none;border-radius:999px;justify-content:center;align-items:center;margin-top:30px;padding:12px 20px;font-family:Montserrat,sans-serif;font-size:.95rem;font-weight:600;transition:all .25s;display:inline-flex}.project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.scroll-hint{color:#777;margin-bottom:16px;font-family:Montserrat,sans-serif;font-size:.9rem}@keyframes blink{50%{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.hero-container{text-align:center;flex-direction:column;align-items:center;padding-top:0}nav ul{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:10px;margin:0;padding:0 10px;display:flex;overflow-x:auto}nav ul::-webkit-scrollbar{display:none}nav a{box-shadow:none;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.8rem;line-height:1;display:inline-flex}.portfolio-right h3{margin-top:0}header{padding:15px}.bio-container,.work-container,.portfolio-container,.contact-container{flex-direction:column;align-items:center}.menu-container{margin-top:30px}.left-side,.right-side{width:100%;padding:10px 20px}section ul{text-align:left}.hero-container img{max-width:100%}.work-container img,.portfolio-container img,.contact-container img{max-width:90%}img{height:auto;margin:0 auto;display:block}.bio-right,.work-right,.portfolio-right,.contact-right{text-align:left}.contact-left{width:100%}.contact-left img{border-radius:16px;width:100%;max-width:500px}.project-card img{object-fit:contain;width:100%;height:180px;display:block}}@media (width<=480px){h1{font-size:2rem}p{font-size:.875rem}nav ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 5px;margin:0 auto 0 -25px;padding:0;display:flex}}