@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:#dff5ff;color:#17324d;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;opacity:.35;z-index:-1}
header{position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 7%;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(85,170,210,.16)}
.logo{font-weight:700;letter-spacing:3px;color:#17324d;text-decoration:none}.logo span{color:#5ab9df;margin-left:5px}
nav{display:flex;gap:30px}nav a{color:#17324d;text-decoration:none;font-weight:700;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:#55b8df;transition:.3s}nav a:hover:after{width:100%}
.menu-btn{display:none;border:0;background:none;font-size:25px;color:#17324d}
.section{min-height:100vh;padding:120px 7% 80px;display:flex;flex-direction:column;justify-content:center}
.hero{position:relative;text-align:center;background:linear-gradient(145deg,#d8f3ff,#fff)}
.hero-content{max-width:1000px;width:100%;margin:auto}.eyebrow{font-size:12px;letter-spacing:4px;font-weight:700;color:#4da8d1;margin-bottom:12px}
h1,h2{font-family:'Playfair Display',serif}h1{font-size:clamp(42px,7vw,76px);margin-bottom:12px}h1 span,h2 span{color:#4eafd8}h2{font-size:clamp(38px,6vw,58px)}.intro,.section-title>p:last-child{color:#628098;line-height:1.7}
.profile-wrap{margin:38px auto 22px;display:grid;grid-template-columns:270px 1fr;gap:28px;align-items:center;max-width:800px;text-align:left}
.photo-frame{width:270px;height:340px;border:10px solid #fff;border-radius:140px 140px 28px 28px;box-shadow:0 18px 45px rgba(48,125,160,.18);overflow:hidden;transform:rotate(-2deg);background:#bfe8f8}
.photo-frame img{width:100%;height:100%;object-fit:cover}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.info-card{background:#fff;border-radius:18px;padding:17px;box-shadow:0 10px 28px rgba(48,125,160,.10);transition:.3s}.info-card:hover{transform:translateY(-6px) rotate(1deg)}.info-card span{display:block;font-size:20px;margin-bottom:6px}.info-card small{display:block;color:#78a0b7;font-size:11px;text-transform:uppercase;letter-spacing:1px}.info-card strong{display:block;margin-top:5px}
.music-btn{border:0;border-radius:999px;background:#17324d;color:#fff;padding:13px 24px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px rgba(23,50,77,.18);transition:.25s}.music-btn:hover{transform:translateY(-3px)}
.floating{position:absolute;font-size:34px;color:#71c9e8;animation:float 4s ease-in-out infinite}.f1{left:12%;top:28%}.f2{right:13%;bottom:23%;animation-delay:1s}
#gallery{background:#fff}.section-title{text-align:center;margin-bottom:38px}.gallery-grid{max-width:1050px;margin:auto;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;box-shadow:0 9px 24px rgba(48,125,160,.12);transition:.4s;cursor:pointer}.gallery-grid img:hover{transform:scale(1.04) rotate(1deg)}
.video-section{background:linear-gradient(160deg,#dff5ff,#f9fdff)}.video-card{max-width:850px;width:100%;margin:auto;background:#fff;padding:16px;border-radius:28px;box-shadow:0 18px 50px rgba(48,125,160,.15)}.wide-photo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px}.video-caption{padding:22px 8px}.video-caption h3{font-family:'Playfair Display',serif;font-size:27px}.video-caption p{margin-top:6px;color:#6c8799;line-height:1.6}.video-card video{display:block;width:100%;border-radius:18px;background:#10283b}
footer{text-align:center;padding:25px;background:#17324d;color:#dff5ff}
#loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:linear-gradient(145deg,#bdeaff,#fff);transition:opacity .7s,visibility .7s}.loader-card{text-align:center;width:min(90%,430px);padding:35px}.loader-card .star{font-size:50px;color:#4eafd8;animation:pulse 1s infinite}.loader-card h1{font-size:38px}.loader-card p{margin:10px 0 25px;color:#6b899c}.progress{height:8px;background:rgba(255,255,255,.8);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:#4eafd8;border-radius:99px}.loader-card small{display:block;margin-top:12px;color:#7895a6}.hide{opacity:0;visibility:hidden}
@keyframes float{50%{transform:translateY(-18px) rotate(8deg)}}@keyframes pulse{50%{transform:scale(1.12)}}
@media(max-width:700px){nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:20px 7%;background:#fff;flex-direction:column}.menu-btn{display:block}.profile-wrap{grid-template-columns:1fr;justify-items:center}.photo-frame{width:230px;height:290px}.info-grid{width:100%}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:11px}.section{padding-left:5%;padding-right:5%}}