*{box-sizing:border-box}
:root{--black:#05070b;--black2:#0a0f17;--blue:#168cff;--blue2:#62b6ff;--white:#f7fbff;--muted:#aeb9c7}
html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}
.wrap{width:min(1100px,92%);margin:auto}
.loader{position:fixed;inset:0;background:#000;color:#fff;z-index:999;display:grid;place-content:center;text-align:center;transition:.5s}.loader span{font:76px "Cormorant Garamond";text-shadow:0 0 16px var(--blue),0 0 35px var(--blue)}.loader small{color:var(--blue2);letter-spacing:2px}
.hero{min-height:760px;position:relative;background:radial-gradient(circle at 50% 38%,#168cff25,transparent 27%),linear-gradient(135deg,#000,#070b12 55%,#001226);overflow:hidden}.hero:before{content:"";position:absolute;inset:18px;border:1px solid #168cff66}.hero:after{content:"";position:absolute;inset:32px;border:1px solid #fff2}
.nav{height:82px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;padding:0 5%;gap:25px;background:#000b}.logo{font:32px Parisienne;color:#fff;text-shadow:0 0 12px var(--blue)}.logo small{display:block;font:9px Montserrat;letter-spacing:3px;color:var(--blue2);margin-top:10px}.links{display:flex;gap:25px;margin-left:auto;font-size:11px;font-weight:600}.links a:hover{color:var(--blue2)}.music,.hamburger{border:1px solid var(--blue);border-radius:50%;width:40px;height:40px;background:#07101b;color:#fff;cursor:pointer;box-shadow:0 0 12px #168cff55}.hamburger{display:none}
.hero-content{position:relative;z-index:2;text-align:center;padding-top:185px}.crown{font-size:48px;color:#fff;text-shadow:0 0 18px var(--blue)}.mini-title{font:25px "Cormorant Garamond";letter-spacing:8px}.hero h1{font:400 clamp(85px,14vw,165px) "Cormorant Garamond";letter-spacing:8px;color:#fff;line-height:1;margin:0;text-shadow:0 0 8px #fff8,0 0 28px var(--blue)}.ornament{color:var(--blue);margin:12px}.script{font:32px Parisienne;color:#fff}.down{display:block;font-size:44px;margin-top:65px;color:var(--blue2)}
.countdown{background:#080d14;text-align:center;padding:35px 10px;border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}.section-title{font-size:13px;letter-spacing:3px;color:var(--blue2);font-weight:600;text-align:center}.timer{display:flex;justify-content:center;gap:18px;margin:15px 0}.timer div{width:110px;border:1px solid var(--blue);border-radius:8px;padding:10px;background:#05080d;box-shadow:0 0 15px #168cff12}.timer b{display:block;color:#fff;font:600 43px "Cormorant Garamond";line-height:1;text-shadow:0 0 12px var(--blue)}.timer span{font-size:9px;letter-spacing:1px;color:var(--blue2)}
.section{padding:85px 0;background:var(--black)}.pale{background:var(--black2)}.intro,.two{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:70px}.section h2{text-align:center;font:500 46px "Cormorant Garamond";color:#fff;margin:4px 0;text-shadow:0 0 15px #168cff55}.intro h2,.two h2{text-align:left}.heart{color:var(--blue);text-shadow:0 0 10px var(--blue)}.pink{color:var(--blue2)}
.portrait{width:330px;height:330px;border-radius:50%;padding:10px;border:2px solid var(--blue);margin:auto;background:#000;box-shadow:0 0 0 4px #fff2,0 0 30px #168cff55}.portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fff}
.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px}.cards article{text-align:center;padding:15px;border-right:1px solid #168cff55}.cards article:last-child{border:0}.cards span{display:block;font-size:32px;color:var(--blue);text-shadow:0 0 10px var(--blue)}.cards b{font-size:11px;color:#fff;letter-spacing:1px}.cards p{font-size:12px;color:#b8c3d0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:35px}.gallery img{width:100%;height:260px;object-fit:cover;border-radius:12px;border:1px solid var(--blue);box-shadow:0 0 0 1px #fff2,0 10px 30px #000}
.gift-box{display:flex;flex-direction:column;background:#05080d;padding:18px;border-left:3px solid var(--blue);border-top:1px solid #fff3;border-right:1px solid #fff3;border-bottom:1px solid #fff3;max-width:350px}.gift-box b{font-size:11px;color:var(--blue2)}.gift-box strong{font-size:23px;color:#fff}.gift-box small{color:var(--muted)}.gift{font-size:130px;text-align:center;color:var(--blue);text-shadow:0 0 30px var(--blue)}
.rsvp{text-align:center;background:linear-gradient(135deg,#05070b,#081626);border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}.button{display:inline-block;margin-top:15px;padding:13px 25px;border-radius:30px;border:1px solid var(--blue2);background:#06111d;color:#fff;font-size:11px;font-weight:600;box-shadow:0 0 15px #168cff44}.button:hover{background:var(--blue)}.button.small{padding:9px 15px}
.map{display:grid;grid-template-columns:280px 1fr;min-height:350px;border-radius:14px;overflow:hidden;border:1px solid var(--blue);box-shadow:0 0 25px #168cff22;margin-top:30px}.address{background:#080d14;padding:35px;border-right:1px solid #168cff55}.address b{color:var(--blue2)}.address p{color:#d6dee8}.map iframe{width:100%;height:100%;min-height:350px;border:0;filter:grayscale(1) contrast(1.15) brightness(.72)}
footer{background:#000;color:#fff;text-align:center;padding:65px 20px;border-top:1px solid var(--blue)}footer>div{color:var(--blue);font-size:42px;text-shadow:0 0 20px var(--blue)}footer small{font-size:10px;color:#9ca8b5}.reveal{opacity:0;transform:translateY(25px);transition:.8s}.reveal.show{opacity:1;transform:none}
@media(max-width:850px){.links{display:none;position:absolute;right:5%;top:70px;flex-direction:column;background:#05080df2;padding:20px 25px;border:1px solid var(--blue);border-radius:12px}.links.open{display:flex}.hamburger{display:block;margin-left:auto}.intro,.two{grid-template-columns:1fr;gap:30px}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.map{grid-template-columns:1fr}}
@media(max-width:520px){.hero{min-height:680px}.hero h1{font-size:76px}.timer{gap:5px}.timer div{width:76px}.timer b{font-size:31px}.section{padding:60px 0}.cards,.gallery{grid-template-columns:1fr}.portrait{width:270px;height:270px}.gallery img{height:280px}}