@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0a0a0f;color:#e8b4e8;font-family:Syne,sans-serif;overflow-x:hidden}nav{display:flex;justify-content:space-between;align-items:center;position:fixed;padding:2rem 6rem;top:0;left:0;width:100%;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,180,232,.1)}.logo{font-size:1.4rem;font-weight:500;color:#e8b4e8;letter-spacing:5px;text-shadow:2px 0 #ff79c6,-2px 0 #c77dff;text-decoration-line:none}nav ul{display:flex;gap:2rem;list-style:none}nav ul a{color:#fff;text-decoration:none;font-size:.9rem;letter-spacing:1px;transition:color .3s ease}nav ul a:hover{color:#e8b4e8}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 4rem}.hero-content{display:flex;flex-direction:column;gap:1rem;max-width:700px}.tag{color:#c77dff;font-size:.9rem;letter-spacing:3px;text-decoration:none}h1{font-size:5rem;font-weight:700;line-height:1.1;color:#fff}h1 span{color:#e8b4e8}.subtitle{font-size:1.1rem;color:#fff9;font-weight:300}button{margin-top:1rem;padding:15px 50px;background:transparent;border:1px solid #e8b4e8;color:#e8b4e8;font-family:Syne,sans-serif;font-size:.9rem;letter-spacing:2px;cursor:pointer;width:fit-content;transition:all .3s ease;opacity:80%}button:hover{background:#e8b4e8;color:#0a0a0f}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 20%,rgba(232,180,232,.9) 0%,transparent 100%),radial-gradient(1px 1px at 30% 60%,rgba(199,125,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 70% 80%,rgba(232,180,232,.9) 0%,transparent 100%),radial-gradient(1px 1px at 90% 40%,rgba(199,125,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 20% 90%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 80% 10%,rgba(232,180,232,.7) 0%,transparent 100%),radial-gradient(1px 1px at 40% 40%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 60% 70%,rgba(199,125,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 15% 50%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(2px 2px at 85% 25%,rgba(232,180,232,.9) 0%,transparent 100%),radial-gradient(2px 2px at 45% 85%,rgba(199,125,255,.9) 0%,transparent 100%),radial-gradient(2px 2px at 25% 35%,rgba(255,255,255,.9) 0%,transparent 100%);pointer-events:none;z-index:0}.social-links{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:100}.social-links a{color:#fff6;text-decoration:none;font-size:.8rem;letter-spacing:2px;writing-mode:vertical-rl;transition:color .3s ease}.social-links a:hover{color:#e8b4e8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sparkle{position:fixed;pointer-events:none;font-size:.7rem;color:#e8b4e8b3;animation:fadeout .6s ease forwards;z-index:999;transform:translate(-50%,-50%)}@keyframes fadeout{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(.5)}}.about-photo-wrap{flex-shrink:0}.about-text{display:flex;flex-direction:column;gap:1.2rem}.about-text h2{font-size:3rem;font-weight:700;color:#fff}.about-text p{color:#c7b3c7;font-size:.9rem;line-height:1.8;font-weight:300;letter-spacing:1.5px}.about{min-height:100vh;display:flex;align-items:center;padding:6rem 4rem;position:relative;z-index:1;background:#251f2a0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(232,180,232,.08);border-bottom:1px solid rgba(232,180,232,.08)}.about-container{display:flex;gap:4rem;align-items:center;max-width:1100px;margin:0 auto;background:#ffffff08;border:1px solid rgba(232,180,232,.1);border-radius:16px;padding:4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-photo-placeholder{width:200px;height:200px;border:1px solid rgba(232,180,232,.2);border-radius:50%;object-fit:cover;opacity:90%}::selection{background-color:#c77dff;color:#000}@media(max-width:768px){nav{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 2rem}nav ul{display:flex;gap:1.2rem}nav ul a{font-size:.75rem}.logo{font-size:1.1rem}.hero{padding:0 2rem}h1{font-size:3rem}.about{padding:4rem 2rem}.about-container{flex-direction:column;padding:2rem;gap:2rem;text-align:center}.about-photo-placeholder{width:150px;height:150px}.about-text h2{font-size:2rem}.about-text p{font-size:.7rem;letter-spacing:1px}button{width:100%;text-align:center}.projects{padding:4rem 2rem}.projects-header h2{font-size:2rem}.projects-grid{grid-template-columns:1fr}}@media(max-width:480px){h1{font-size:2.5rem}}.projects{min-height:100vh;padding:6rem 4rem;position:relative;z-index:1}.projects-header{max-width:1100px;margin:0 auto 3rem}.projects-header h2{font-size:3rem;font-weight:700;color:#fff;margin-top:.5rem}.projects-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{border:1px solid rgba(232,180,232,.12);border-radius:12px;overflow:hidden;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.project-card:hover{border-color:#e8b4e866;transform:translateY(-4px);box-shadow:0 12px 40px #c77dff26}.project-img-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#c77dff0d}.project-img-wrap img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .4s ease}.project-card:hover .project-img-wrap img{transform:scale(1.04);opacity:1}.project-info{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.project-title{font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:1px}.project-desc{font-size:.85rem;color:#ffffff80;line-height:1.7;font-weight:300}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{font-size:.7rem;letter-spacing:1.5px;color:#c77dff;border:1px solid rgba(199,125,255,.25);border-radius:999px;padding:.2rem .7rem}.project-links{display:flex;gap:1rem;padding:0 1.5rem 1.5rem}.project-link{font-size:.75rem;letter-spacing:2px;color:#fff6;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#e8b4e8}.contact{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:6rem 4rem;position:relative;z-index:1}.contact-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;width:100%;background:#ffffff08;border:1px solid rgba(232,180,232,.1);border-radius:16px;padding:4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-container h2{font-size:3rem;font-weight:700;color:#fff}.contact-sub{font-size:.95rem;color:#ffffff80;font-weight:300;line-height:1.8;letter-spacing:1px}.contact-links{display:flex;gap:1.5rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.contact-email{margin-top:2rem}.contact-social,.contact-email{font-size:.8rem;letter-spacing:2px;color:#e8b4e8;text-decoration:none;transition:color .3s ease;border:1px solid rgba(232,180,232,.2);padding:.6rem 1.4rem;border-radius:999px}.contact-social:hover,.contact-email:hover{color:#fff;border-color:#e8b4e880}