*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ff9a9e,#fecfef,#ffdde1);color:#2d2d2d;min-height:100vh;overflow-x:hidden}.container{max-width:1200px;margin:auto;padding:20px;position:relative;z-index:1}header{text-align:center;padding:80px 20px}.glitch-wrapper{position:relative;display:inline-block}h1{font-size:4rem;font-weight:900;color:#ff2f92;position:relative;animation:float 3s ease-in-out infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none}.glitch:before{color:#ff85b3;transform:translate(2px,2px);opacity:.7}.glitch:after{color:#fff;transform:translate(-2px,-2px);opacity:.8}.subtitle{font-size:1.4rem;font-weight:500;color:#ff4f9a;margin-top:12px;text-align:center}.nav-links{display:flex;justify-content:center;gap:30px;margin-top:30px;flex-wrap:wrap}.nav-links a{background:#ff1493d9;color:#fff;padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s}.nav-links a:hover{transform:translateY(-3px) scale(1.05)}.section{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:50px;margin:40px 0;box-shadow:0 10px 40px #ff149333;opacity:0;transform:translateY(30px);transition:all .6s ease}.section.visible{opacity:1;transform:translateY(0)}h2{color:#ff1493;font-size:2.5rem;margin-bottom:20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.skill-card{background:linear-gradient(135deg,#ff1493,#ff69b4);padding:25px;border-radius:20px;color:#fff;text-align:center;transition:all .3s ease}.skill-card:hover{transform:translateY(-10px) scale(1.05)}.experience-item{border-left:5px solid #ff1493;padding:25px;margin-bottom:25px;background:#ff14930d;border-radius:20px}.contact-info{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;text-align:center}.contact-btn{padding:14px 36px;border-radius:50px;background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;text-decoration:none;font-weight:600;white-space:nowrap}@media(max-width:600px){.contact-info{flex-direction:column;gap:14px}.contact-btn{width:100%;max-width:320px;text-align:center}}footer{text-align:center;padding:40px;color:#fff}.floating-shapes{position:fixed;inset:0;pointer-events:none}.shape{position:absolute;border-radius:50%;opacity:.3;animation:floatShape 20s infinite}.shape1{width:300px;height:300px;background:radial-gradient(circle,#ff69b4,transparent);top:10%;left:10%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatShape{50%{transform:translateY(-80px)}}@keyframes glitch-1{20%{transform:translate(-2px,2px);opacity:.7}}@keyframes glitch-2{20%{transform:translate(2px,-2px);opacity:.7}}@media(max-width:768px){h1{font-size:2.5rem}.section{padding:30px 20px}}.back-to-top{position:fixed;bottom:30px;right:30px;z-index:9999;width:55px;height:55px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #ff149373;transition:all .3s ease}.back-to-top:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 14px 40px #ff1493b3}.portfolio-title{font-size:3rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ff1493;text-shadow:0 8px 25px rgba(255,20,147,.45),0 0 12px rgba(255,255,255,.6);margin-bottom:10px}.portfolio-subtitle{font-size:1.2rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ff6fb3}.portfolio-page{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#ff9a9e,#fecfef,#ffdde1)}.portfolio-page:before{content:"";position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Crect width='100%25' height='100%25' fill='transparent'/%3E%3Ctext x='20' y='50' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E1010010101010100101010010101010010101010101001010101010010101010%3C/text%3E%3Ctext x='20' y='95' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E0101010100101010101010010101010101001010101010010101010101010101%3C/text%3E%3Ctext x='20' y='140' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E1010100101010101010100101010101010010101010101010010101010101010%3C/text%3E%3Ctext x='20' y='185' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E0101010010101010101001010101010100101010101010010101010101010010%3C/text%3E%3Ctext x='20' y='230' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E1010101010010101010101010010101010101010010101010100101010101010%3C/text%3E%3Ctext x='20' y='275' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E0101010101010010101010101010010101010101010010101010101010010101%3C/text%3E%3Ctext x='20' y='320' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E1010010101010100101010010101010010101010101001010101010010101010%3C/text%3E%3Ctext x='20' y='365' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E0101010100101010101010010101010101001010101010010101010101010101%3C/text%3E%3Ctext x='20' y='410' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E1010100101010101010100101010101010010101010101010010101010101010%3C/text%3E%3Ctext x='20' y='455' font-family='monospace' font-size='18' fill='rgba(255,20,147,0.18)'%3E0101010010101010101001010101010100101010101010010101010101010010%3C/text%3E%3C/svg%3E");background-repeat:repeat;background-size:520px 520px;transform:skewY(-4deg)}.portfolio-page .container,.portfolio-page .section,.portfolio-page header{position:relative;z-index:1}.portfolio-hero{display:inline-block;padding:40px 60px;border-radius:30px;margin:80px auto 40px;text-align:center;background:#ffffff8c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #ff149340,inset 0 0 0 1px #fff6}.portfolio-hero:hover{transform:translateY(-2px);transition:transform .4s ease}.portfolio-layout{display:flex;flex-direction:column;align-items:center;gap:60px;padding:100px 20px 120px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}.project-card{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:28px;border-radius:16px;background:#ff149314;border:1px solid rgba(255,20,147,.25);text-decoration:none;color:#fff;transition:all .35s ease}.project-card h3{color:#ff1493;margin-bottom:8px}.project-card p{font-size:.95rem;line-height:1.4;opacity:.85;flex-grow:1}.project-card span{margin-top:16px;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#ff6fb3}.project-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #ff149366}.projects-showcase{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:32px;margin-top:60px;align-items:start}.side-column{display:flex;flex-direction:column;gap:24px}.center-column{background:#ffffffd9;border-radius:28px;padding:32px;box-shadow:0 20px 60px #ff149340}.project-card{text-decoration:none;color:#ff1493;border-radius:18px;padding:24px;background:#ff149314;border:1px solid rgba(255,20,147,.25);transition:all .3s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #ff149359}.project-card.small{min-height:140px}.project-card.large{min-height:180px;margin-top:20px}.project-card span{display:block;margin-top:12px;font-size:.85rem;letter-spacing:.12em}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,300px));gap:32px;justify-content:center;margin:0 auto}.project-box{display:flex;text-align:center;flex-direction:column;justify-content:space-between;height:190px;padding:28px;border-radius:22px;background:#ffffffb3;border:1.5px solid rgba(255,20,147,.25);text-decoration:none;transition:all .35s ease}.project-title{color:#ff1493;font-size:1.2rem;font-weight:700;margin-bottom:6px}.project-desc{font-size:.95rem;color:#ff4f9a;line-height:1.4;opacity:.85}.project-link{margin-top:auto;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ff6fb3}.project-box:hover{transform:translateY(-6px);box-shadow:0 18px 45px #ff149359;background:#ffffffd9}.projects-section{margin-top:40px}.projects-row{display:flex;justify-content:center;gap:28px;margin-bottom:32px}.project-box{width:300px;height:190px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:22px;background:#ffffffb3;border:1.5px solid rgba(255,20,147,.25);text-decoration:none;transition:all .35s ease}.project-page{min-height:100vh;padding:80px 40px;background:#ffe1ec;color:#ff1493;position:relative;z-index:2}.project-page{outline:4px solid red}.project-page h1{font-size:3rem;margin-bottom:16px}.project-page p{font-size:1.1rem;max-width:600px}.project-page a{display:inline-block;margin-top:32px;color:#ff1493;font-weight:600;text-decoration:none}.project-description{max-width:700px;margin-bottom:40px;font-size:1.1rem;line-height:1.6}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:20px}.project-image{width:100%;border-radius:18px;box-shadow:0 12px 30px #ff149340;transition:transform .3s ease}.project-image:hover{transform:scale(1.03)}.project-back{display:inline-block;margin-top:50px;font-weight:600;color:#ff1493;text-decoration:none}.lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999}.lightbox-content{position:relative;max-width:95vw;max-height:95vh}.lightbox-image{max-width:100%;max-height:90vh;border-radius:16px;box-shadow:0 20px 60px #0009}.lightbox-close{position:absolute;top:-14px;right:-14px;width:42px;height:42px;border-radius:50%;border:none;background:#ff1493;color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #00000080}.lightbox-close:hover{transform:scale(1.1)}@media(max-width:768px){.portfolio-page,.project-page{padding:24px 16px}h1{font-size:1.8rem;text-align:center}.project-description{font-size:1rem;line-height:1.6;text-align:left}}@media(max-width:768px){.project-gallery{grid-template-columns:1fr;gap:16px}.project-image{border-radius:14px}}@media(max-width:768px){.lightbox-content{max-width:95vw;max-height:95vh}.lightbox-image{max-width:100%;max-height:80vh}.lightbox-close{top:-10px;right:-10px;width:36px;height:36px;font-size:1.2rem}}@media(max-width:768px){.projects-row{flex-direction:column;gap:20px}.project-box{width:100%}}*,*:before,*:after{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.container,.portfolio-page,.project-page{width:100%;max-width:1200px;margin:0 auto;padding:clamp(16px,4vw,48px)}h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1.2}h2{font-size:clamp(1.4rem,3vw,2.2rem)}p{font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.7}img{max-width:100%;height:auto;display:block}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,3vw,32px)}.project-box{padding:24px;border-radius:20px;width:100%}.lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;padding:16px}.lightbox-content{max-width:min(95vw,1200px);max-height:95vh}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain}@media(max-width:480px){.project-description{font-size:.95rem}.lightbox-close{width:36px;height:36px;font-size:1.2rem}}