*{box-sizing:border-box;margin:0;padding:0}:root{--hot-pink:#ff69b4;--soft-pink:#ffb6c1;--light-pink:#fff0f5;--dark:#1a1a1a;--white:#fff}body{min-height:100vh;color:var(--white);background:linear-gradient(160deg,#000 0%,#1a0010 40%,#8b0050 70%,#ff1493 100%);font-family:Georgia,serif;overflow-x:hidden}body:before{content:"";opacity:.4;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#fff 1.5px,#0000 1.5px),radial-gradient(circle,#ffb6c1 1px,#0000 1px);background-position:0 0,20px 20px;background-size:80px 80px,40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}nav{background:0 0;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}nav span{color:var(--white);letter-spacing:2px;text-transform:uppercase;font-size:1.5rem;font-weight:700}nav ul{gap:20px;list-style:none;display:flex}nav ul li a{color:var(--white);letter-spacing:1px;border:1px solid var(--white);border-radius:20px;padding:8px 16px;font-size:.9rem;text-decoration:none;transition:all .3s}nav ul li a:hover{background:var(--hot-pink);border-color:var(--hot-pink)}.hero{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative}.device-frame{background:linear-gradient(135deg,#000 0%,#1a0010 50%,#3d0020 100%);border:12px solid #333;border-radius:40px;width:900px;height:600px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #555,0 30px 80px #ff69b480,inset 0 0 60px #ff69b426}.hero-image{object-fit:cover;object-position:top;width:55%;height:100%;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 60%,#0000 100%);mask-image:linear-gradient(270deg,#000 60%,#0000 100%)}.greeting{color:var(--soft-pink);letter-spacing:3px;margin-bottom:10px;font-size:1.2rem;display:block}.hero-name{color:var(--white);text-transform:uppercase;letter-spacing:2px;font-size:5rem;font-weight:900;line-height:1}.hero-title{color:var(--hot-pink);letter-spacing:4px;text-transform:uppercase;margin-top:10px;font-size:1.1rem}.hire-btn{background:var(--hot-pink);color:var(--white);border:2px solid var(--hot-pink);cursor:pointer;letter-spacing:2px;text-transform:uppercase;border-radius:30px;margin-top:30px;padding:12px 30px;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.hire-btn:hover{border:2px solid var(--hot-pink);color:var(--hot-pink);background:0 0}.device-frame:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#000 0%,#00000080 40%,#ff69b426 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;padding:40px;position:absolute}.about{z-index:1;padding:100px 80px;position:relative}.about-title{color:var(--white);text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:60px;font-size:3rem}.about-title:after{content:"";background:var(--hot-pink);width:80px;height:3px;margin:15px auto 0;display:block}.about-container{align-items:flex-start;gap:80px;display:flex}.about-bio{color:var(--soft-pink);flex:1;font-size:1.1rem;line-height:1.9}.about-skills{flex:1}.about-skills h3{color:var(--white);letter-spacing:3px;text-transform:uppercase;margin-bottom:30px;font-size:1.5rem}.skills-container{flex-wrap:wrap;gap:15px;display:flex}.skill-badge{border:2px solid var(--hot-pink);color:var(--white);letter-spacing:2px;text-transform:uppercase;opacity:0;border-radius:30px;padding:10px 25px;font-size:.9rem;animation:.5s forwards dropIn}.skill-badge:first-child{animation-delay:.1s}.skill-badge:nth-child(2){animation-delay:.2s}.skill-badge:nth-child(3){animation-delay:.3s}.skill-badge:nth-child(4){animation-delay:.4s}.skill-badge:nth-child(5){animation-delay:.5s}.skill-badge:nth-child(6){animation-delay:.6s}@keyframes dropIn{0%{opacity:0;transform:translateY(-60px)rotate(-10deg)}60%{transform:translateY(10px)rotate(3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.skill-badge:hover{background:var(--hot-pink);cursor:default}.polaroid{cursor:pointer;background:#fff;width:250px;padding:15px 15px 50px;transition:transform .3s;position:relative;box-shadow:0 10px 30px #0006}.polaroid:nth-child(odd){transform:rotate(-3deg)}.polaroid:nth-child(2n){transform:rotate(3deg)}.polaroid:hover{z-index:10;transform:rotate(0)scale(1.05)}.polaroid-image{object-fit:cover;width:100%;height:200px}.polaroid-title{text-align:center;color:#1a1a1a;letter-spacing:1px;margin-top:15px;font-family:Georgia,serif;font-size:1rem}.visible{display:block}.hidden{display:none}.back{text-align:center;padding:20px}.polaroid-description{color:#1a1a1a;margin-bottom:20px;font-size:.85rem;line-height:1.6}.polaroid-link{background:var(--hot-pink);color:#fff;letter-spacing:1px;border-radius:20px;padding:8px 20px;font-size:.85rem;text-decoration:none;display:inline-block}.polaroid-link:hover{background:#ff1493}.projects{z-index:1;padding:100px 80px;position:relative}.projects-title{color:var(--white);text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:60px;font-size:3rem}.projects-title:after{content:"";background:var(--hot-pink);width:80px;height:3px;margin:15px auto 0;display:block}.projects-wall{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.projects-hint{text-align:center;color:var(--soft-pink);letter-spacing:2px;margin-top:-40px;margin-bottom:50px;font-size:.9rem}.contact{z-index:1;text-align:center;padding:100px 80px;position:relative}.contact-title{color:var(--white);text-transform:uppercase;letter-spacing:4px;margin-bottom:15px;font-size:3rem}.contact-title:after{content:"";background:var(--hot-pink);width:80px;height:3px;margin:15px auto 0;display:block}.contact-text{color:var(--soft-pink);letter-spacing:1px;margin-bottom:50px;font-size:1.1rem}.contact-links{justify-content:center;align-items:center;gap:30px;display:flex}.contact-email{color:var(--white);letter-spacing:2px;border:2px solid var(--hot-pink);border-radius:30px;padding:12px 30px;font-size:1rem;text-decoration:none;transition:all .3s}.contact-email:hover{background:var(--hot-pink)}.contact-icon{width:45px;height:45px;transition:transform .3s}.contact-icon:hover{transform:scale(1.2)}