@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Dancing+Script:wght@400;500;600;700&display=swap";:root{--gold: #d4af37;--gold-light: #f4d03f;--gold-dark: #996515;--burgundy: #722f37;--burgundy-light: #a94442;--cream: #fdf8e8;--cream-dark: #f5e6c8;--navy: #1a1a3e;--navy-light: #2d2d5a;--rose: #e8b4b8;--rose-dark: #d4919a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Cormorant Garamond,Georgia,serif;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 50%,var(--burgundy) 100%);min-height:100vh;color:var(--cream);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(114,47,55,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(212,175,55,.05) 0%,transparent 30%);pointer-events:none;z-index:0}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1000}.confetti{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall linear infinite}.confetti:nth-child(odd){background:var(--gold)}.confetti:nth-child(2n){background:var(--burgundy-light)}.confetti:nth-child(3n){background:var(--rose);border-radius:50%}.confetti:nth-child(4n){background:var(--cream);transform:rotate(45deg)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}.sparkle{position:fixed;width:4px;height:4px;background:var(--gold-light);border-radius:50%;box-shadow:0 0 6px var(--gold),0 0 12px var(--gold-light);animation:sparkle-pulse 2s ease-in-out infinite;pointer-events:none}@keyframes sparkle-pulse{0%,to{opacity:.3;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.celebration-page{position:relative;z-index:1;min-height:100vh}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(26,26,62,.3) 100%);pointer-events:none}.hero-icons{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.graduation-cap{font-size:5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 20px rgba(212,175,55,.5))}.psi-symbol{font-family:Playfair Display,serif;font-size:6rem;font-weight:700;color:var(--gold);text-shadow:0 0 20px rgba(212,175,55,.6),0 0 40px rgba(212,175,55,.4),2px 2px 4px rgba(0,0,0,.3);animation:psi-glow 2s ease-in-out infinite alternate,float-reverse 3s ease-in-out infinite}@keyframes psi-glow{0%{text-shadow:0 0 20px rgba(212,175,55,.6),0 0 40px rgba(212,175,55,.4),2px 2px 4px rgba(0,0,0,.3)}to{text-shadow:0 0 30px rgba(212,175,55,.8),0 0 60px rgba(212,175,55,.5),0 0 90px rgba(212,175,55,.3),2px 2px 4px rgba(0,0,0,.3)}}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-12px) rotate(-5deg)}}.psi-badge{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;color:var(--cream);letter-spacing:3px;text-transform:uppercase;padding:.8rem 2.5rem;border:2px solid var(--gold);border-radius:50px;background:linear-gradient(135deg,#d4af3733,#722f3733);box-shadow:0 0 20px #d4af374d,inset 0 0 20px #d4af371a;animation:fade-in-up 1s ease-out .8s both,badge-pulse 3s ease-in-out infinite;position:relative;overflow:hidden}.psi-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%{left:-100%}50%,to{left:100%}}@keyframes badge-pulse{0%,to{box-shadow:0 0 20px #d4af374d,inset 0 0 20px #d4af371a}50%{box-shadow:0 0 30px #d4af3780,0 0 50px #d4af3733,inset 0 0 25px #d4af3726}}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;color:var(--gold);text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 30px rgba(212,175,55,.4);margin-bottom:1rem;letter-spacing:3px;animation:title-glow 3s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 30px rgba(212,175,55,.4)}to{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 50px rgba(212,175,55,.6),0 0 80px rgba(212,175,55,.3)}}.hero-subtitle{font-family:Dancing Script,cursive;font-size:clamp(1.5rem,5vw,3rem);color:var(--cream);margin-bottom:2rem;opacity:.95;animation:fade-in-up 1s ease-out .5s both}.hero-date{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--rose);letter-spacing:4px;text-transform:uppercase;padding:.8rem 2rem;border:1px solid var(--gold);border-radius:50px;background:#d4af371a;animation:fade-in-up 1s ease-out .8s both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gallery-section{padding:4rem 2rem;position:relative}.section-title{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3rem);text-align:center;color:var(--gold);margin-bottom:3rem;position:relative}.section-title:after{content:"";display:block;width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1rem auto}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.photo-frame{position:relative;padding:15px;background:linear-gradient(145deg,var(--gold),var(--gold-dark));border-radius:10px;box-shadow:0 20px 60px #0006,inset 0 1px #fff3;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fade-in-scale .8s ease-out both}.photo-frame:nth-child(1){animation-delay:.2s}.photo-frame:nth-child(2){animation-delay:.4s}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.photo-frame:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 30px 80px #00000080,0 0 40px #d4af374d}.photo-frame:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:2px solid rgba(255,255,255,.3);border-radius:8px;pointer-events:none}.photo-frame img{width:100%;max-width:400px;height:auto;border-radius:5px;display:block;object-fit:cover}.photo-caption{text-align:center;margin-top:1rem;font-family:Dancing Script,cursive;font-size:1.3rem;color:var(--navy)}.message-section{padding:6rem 2rem;text-align:center;position:relative;background:linear-gradient(180deg,transparent 0%,rgba(114,47,55,.2) 50%,transparent 100%)}.love-message{max-width:800px;margin:0 auto;padding:3rem;background:#fdf8e80d;border-radius:20px;border:1px solid rgba(212,175,55,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.love-message:before{content:'"';position:absolute;top:-20px;left:20px;font-family:Playfair Display,serif;font-size:8rem;color:var(--gold);opacity:.2;line-height:1}.message-text{font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,3vw,1.6rem);line-height:2;color:var(--cream);font-style:italic;position:relative;z-index:1}.message-signature{font-family:Dancing Script,cursive;font-size:2rem;color:var(--gold);margin-top:2rem}.hearts{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.heart{font-size:1.5rem;animation:heartbeat 1.5s ease-in-out infinite;color:var(--rose)}.heart:nth-child(2){animation-delay:.2s}.heart:nth-child(3){animation-delay:.4s}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.2)}20%{transform:scale(1.1)}}.achievement-section{padding:4rem 2rem;text-align:center}.achievement-badge{display:inline-flex;flex-direction:column;align-items:center;padding:3rem;background:linear-gradient(145deg,#d4af3726,#d4af370d);border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 30px #d4af374d,inset 0 0 30px #d4af371a;animation:badge-glow 3s ease-in-out infinite alternate}@keyframes badge-glow{0%{box-shadow:0 0 30px #d4af374d,inset 0 0 30px #d4af371a}to{box-shadow:0 0 50px #d4af3780,0 0 80px #d4af3733,inset 0 0 30px #d4af3726}}.badge-icon{font-family:Playfair Display,serif;font-size:5rem;font-weight:700;margin-bottom:1rem;color:var(--gold);text-shadow:0 0 20px rgba(212,175,55,.6),0 0 40px rgba(212,175,55,.4);animation:psi-glow 2s ease-in-out infinite alternate}.badge-text{font-family:Playfair Display,serif;font-size:1.5rem;color:var(--gold);font-weight:600}.badge-year{font-family:Cormorant Garamond,serif;font-size:2.5rem;color:var(--cream);font-weight:700;margin-top:.5rem}.footer{padding:3rem 2rem;text-align:center;background:linear-gradient(180deg,transparent,rgba(0,0,0,.3))}.footer-message{font-family:Dancing Script,cursive;font-size:clamp(1.5rem,4vw,2.5rem);color:var(--gold);margin-bottom:1rem}.footer-hearts{font-size:2rem;animation:rainbow-hearts 3s linear infinite}@keyframes rainbow-hearts{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.175,.885,.32,1.275)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.hero{padding:1.5rem}.graduation-cap{font-size:3.5rem}.psi-symbol{font-size:4rem}.hero-icons{gap:1rem}.psi-badge{font-size:1rem;padding:.6rem 1.5rem}.gallery{gap:1.5rem}.photo-frame{padding:10px}.photo-frame img{max-width:300px}.love-message,.achievement-badge{padding:2rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.login-container{background:#fdf8e814;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(212,175,55,.4);border-radius:30px;padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 25px 80px #0006,0 0 40px #d4af3726,inset 0 1px #ffffff1a;animation:login-appear .8s ease-out}@keyframes login-appear{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-icon{font-size:4rem;margin-bottom:1rem;animation:lock-bounce 2s ease-in-out infinite}@keyframes lock-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.login-title{font-family:Playfair Display,serif;font-size:2.5rem;color:var(--gold);margin-bottom:.5rem;text-shadow:0 0 20px rgba(212,175,55,.4)}.login-subtitle{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--rose);letter-spacing:3px;margin-bottom:2rem;animation:blink-warning 1.5s ease-in-out infinite}@keyframes blink-warning{0%,to{opacity:1}50%{opacity:.5}}.login-question{background:#722f3733;border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(212,175,55,.2)}.question-emoji{font-size:3rem;display:block;margin-bottom:.5rem;animation:think 2s ease-in-out infinite}@keyframes think{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.login-question p{font-family:Dancing Script,cursive;font-size:1.5rem;color:var(--cream);margin:.3rem 0}.question-main{font-size:1.8rem!important;color:var(--gold)!important}.question-main strong{color:var(--rose);text-decoration:underline;text-decoration-style:wavy;text-underline-offset:5px}.login-options{margin-bottom:1.5rem}.option-text{font-family:Cormorant Garamond,serif;font-size:1.2rem;color:var(--cream);margin-bottom:.3rem}.option-hint{font-family:Dancing Script,cursive;font-size:1.1rem;color:var(--rose);opacity:.8}.login-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.login-input{font-family:Cormorant Garamond,serif;font-size:1.2rem;padding:1rem 1.5rem;border:2px solid rgba(212,175,55,.4);border-radius:50px;background:#1a1a3e99;color:var(--cream);text-align:center;outline:none;transition:all .3s ease}.login-input::placeholder{color:#fdf8e880}.login-input:focus{border-color:var(--gold);box-shadow:0 0 20px #d4af374d,inset 0 0 10px #d4af371a}.login-button{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;padding:1rem 2rem;border:none;border-radius:50px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--navy);cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #d4af374d}.login-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d4af3766,0 0 20px #d4af374d}.login-button:active{transform:translateY(0)}.login-error{background:#a944424d;border:1px solid rgba(169,68,66,.5);border-radius:15px;padding:1rem;margin-bottom:1rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.login-error p{font-family:Cormorant Garamond,serif;font-size:1.1rem;color:var(--rose);margin:.3rem 0}.hint-extra{font-family:Dancing Script,cursive;font-size:1.2rem!important;color:var(--gold)!important;margin-top:.5rem!important}.login-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,.2)}.login-footer p{font-family:Cormorant Garamond,serif;font-size:1rem;color:var(--cream);opacity:.7;margin:.3rem 0}.footer-warning{font-size:1.2rem!important;opacity:1!important;color:var(--rose)!important;animation:eyes-move 2s ease-in-out infinite}@keyframes eyes-move{0%,to{letter-spacing:0}50%{letter-spacing:3px}}@media(max-width:768px){.login-container{padding:2rem;margin:1rem}.login-title{font-size:2rem}.login-icon{font-size:3rem}.question-emoji{font-size:2.5rem}.login-question p{font-size:1.3rem}.question-main{font-size:1.5rem!important}}