@import "https://fonts.googleapis.com/css2?family=Circular+Std:wght@300;400;500;700;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Circular Std,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.anniversary-container{width:100%;min-height:100vh}.filter-container{z-index:1001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212cc;border:1px solid #ebe1fc33;border-radius:50px;gap:10px;padding:10px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.filter-btn{color:#ebe1fcb3;cursor:pointer;background:0 0;border:1px solid #ebe1fc4d;border-radius:50px;padding:8px 20px;font-family:Circular Std,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;transition:all .3s}.filter-btn:hover:not(:disabled){color:#ebe1fc;background:#ebe1fc1a;border-color:#ebe1fc80}.filter-btn.active{color:#000;background:#ebe1fc;border-color:#ebe1fc}.filter-btn:disabled{opacity:.5;cursor:not-allowed}.progress-bar{z-index:1000;will-change:width;background:#ebe1fc;height:8px;position:fixed;top:0;left:0;box-shadow:0 0 10px #ebe1fc80}.section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.content-wrapper{z-index:2;text-align:center;width:100%;max-width:900px;position:relative}.gradient-bg{z-index:0;opacity:.85;background-blend-mode:overlay;width:100%;height:100%;position:absolute;top:0;left:0}.parallax-image-container{z-index:1;pointer-events:none;width:100%;height:120%;position:absolute;top:0;left:0;overflow:hidden}.parallax-image{object-fit:cover;object-position:center;will-change:transform,opacity;filter:blur(1px)brightness(.5);transform-origin:50%;width:100%;height:120%;transition:opacity .3s;position:absolute;top:-10%;left:0;opacity:.5!important}.section:hover .parallax-image{filter:blur(.5px)brightness(.7);opacity:.5}.parallax-image[data-speed="0.25"]{opacity:.35;filter:blur(1.5px)brightness(.5)}.parallax-image[data-speed="0.3"]{opacity:.4;filter:blur(1px)brightness(.55)}.parallax-image[data-speed="0.35"]{opacity:.42;filter:blur(.8px)brightness(.6)}.parallax-image[data-speed="0.4"]{opacity:.45;filter:blur(.6px)brightness(.65)}.parallax-image[data-speed="0.45"]{opacity:.48;filter:blur(.4px)brightness(.7)}.parallax-image[data-speed="0.5"]{opacity:.5;filter:blur(.2px)brightness(.75)}.gradient-1{background:#000}.gradient-2{background:#121212}.gradient-3,.gradient-4,.gradient-5{background:#000}.gradient-6{background:#121212}.gradient-7{background:#000}.gradient-8{background:#121212}.gradient-9,.gradient-10{background:#000}.main-title{letter-spacing:-.02em;color:#ebe1fc;white-space:nowrap;text-align:center;justify-content:center;margin-bottom:20px;font-size:clamp(4rem,12vw,10rem);font-weight:900;animation:1s ease-out fadeInUp;display:flex}.subtitle{color:#ebe1fc;opacity:.8;font-size:clamp(1.2rem,3vw,2rem);font-weight:300;animation:1s ease-out .3s backwards fadeIn}.scroll-indicator{opacity:.6;margin-top:60px;font-size:2rem;animation:2s infinite bounce}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121280;border:1px solid #ffffff1a;border-radius:24px;padding:60px 40px;animation:.8s ease-out fadeInScale}.stat-value{margin:20px 0;font-weight:900;line-height:1.1}.stat-value.huge{color:#ebe1fc;font-size:clamp(4rem,10vw,8rem)}.stat-value.large{color:#ebe1fc;font-size:clamp(3rem,8vw,6rem)}.stat-value.medium{color:#fff;font-size:clamp(2rem,6vw,4rem)}.stat-label{text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin:15px 0;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700}.stat-description{opacity:.8;margin-top:20px;font-size:clamp(1rem,2vw,1.3rem);font-weight:400;line-height:1.6}.stat-secondary{opacity:.6;margin-top:30px;font-size:clamp(.9rem,2vw,1.1rem);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}}@keyframes floatHeart{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(1.5)}}.hearts-animation{height:100px;margin-top:40px;position:relative}.heart{font-size:2rem;animation:3s ease-in-out infinite floatHeart;position:absolute;left:50%}.heart:first-child{animation-delay:0s;left:30%}.heart:nth-child(2){animation-delay:.6s;left:45%}.heart:nth-child(3){animation-delay:1.2s;left:50%}.heart:nth-child(4){animation-delay:1.8s;left:55%}.heart:nth-child(5){animation-delay:2.4s;left:70%}.emoji-rain{height:100px;margin-top:40px;position:relative}.emoji{font-size:2.5rem;animation:4s ease-in-out infinite floatHeart;position:absolute}.emoji:first-child{animation-delay:0s;left:15%}.emoji:nth-child(2){animation-delay:.7s;left:30%}.emoji:nth-child(3){animation-delay:1.4s;left:45%}.emoji:nth-child(4){animation-delay:2.1s;left:60%}.emoji:nth-child(5){animation-delay:2.8s;left:75%}.emoji:nth-child(6){animation-delay:3.5s;left:85%}.random-message-container{flex-direction:column;align-items:center;gap:30px;margin-bottom:50px;animation:.8s ease-out fadeInScale;display:flex}.random-message-btn{color:#ebe1fc;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ebe1fc1a;border:2px solid #ebe1fc80;border-radius:50px;padding:16px 32px;font-family:Circular Std,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;transition:all .3s;box-shadow:0 4px 20px #ebe1fc33}.random-message-btn:hover{background:#ebe1fc33;border-color:#ebe1fccc;transform:translateY(-2px);box-shadow:0 6px 30px #ebe1fc66}.random-message-btn:active:not(:disabled){transform:translateY(0)}.random-message-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.random-message-display{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#121212b3;border:1px solid #ebe1fc4d;border-radius:24px;width:100%;max-width:700px;padding:40px 50px;animation:.5s ease-out fadeInScale;box-shadow:0 8px 40px #ebe1fc33}.random-message-meta{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.random-message-sender{color:#ebe1fcb3;text-align:center;text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600}.random-message-timestamp{color:#ebe1fc80;text-align:center;opacity:.7;font-size:clamp(.8rem,1.8vw,1rem);font-style:italic;font-weight:400}.random-message-text{color:#ebe1fc;text-align:center;opacity:.95;margin:0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:500;line-height:1.6}.search-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:700px;margin:0 auto;animation:.8s ease-out fadeInScale;display:flex}.search-input-wrapper{width:100%;position:relative}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ebe1fc;background:#121212b3;border:2px solid #ebe1fc4d;border-radius:50px;outline:none;width:100%;padding:16px 24px;font-family:Circular Std,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;transition:all .3s}.search-input::placeholder{color:#ebe1fc80}.search-input:focus{background:#121212d9;border-color:#ebe1fc99;box-shadow:0 4px 20px #ebe1fc33}.search-loading{color:#ebe1fc99;font-size:.9rem;font-weight:500;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.search-results{flex-direction:column;gap:15px;width:100%;max-height:400px;padding:10px;display:flex;overflow-y:auto}.search-result-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121299;border:1px solid #ebe1fc33;border-radius:16px;padding:20px 25px;transition:all .3s}.search-result-item:hover{border-color:#ebe1fc66;transform:translateY(-2px);box-shadow:0 4px 15px #ebe1fc26}.search-result-message{color:#ebe1fc;opacity:.9;margin:0 0 10px;font-size:clamp(1rem,2vw,1.3rem);font-weight:400;line-height:1.6}.search-result-meta{flex-direction:column;gap:8px;margin-top:12px;display:flex}.search-result-sender{color:#ebe1fcb3;text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:clamp(.85rem,1.8vw,1rem);font-weight:600}.search-result-timestamp{color:#ebe1fc80;opacity:.7;font-size:clamp(.75rem,1.5vw,.9rem);font-style:italic;font-weight:400}.search-no-results{color:#ebe1fc80;text-align:center;padding:20px;font-size:clamp(1rem,2vw,1.2rem);font-style:italic}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:#12121280;border-radius:10px}.search-results::-webkit-scrollbar-thumb{background:#ebe1fc4d;border-radius:10px}.search-results::-webkit-scrollbar-thumb:hover{background:#ebe1fc80}.finale-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#12121299;border:1px solid #ebe1fc4d;border-radius:32px;padding:80px 60px;animation:1s ease-out fadeInScale}.finale-title{color:#ebe1fc;margin-bottom:40px;font-size:clamp(3rem,8vw,6rem);font-weight:900}.finale-text{opacity:.9;margin:15px 0;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}.finale-message{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;margin:60px 0;padding:40px 0}.finale-message p{opacity:.85;margin:20px 0;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.8}.finale-heart{color:#ff006c;margin-top:40px!important;font-size:clamp(1.5rem,3vw,2.5rem)!important;font-weight:900!important}.finale-quote{opacity:.7;background:#ebe1fc0d;border-left:3px solid #ebe1fc;border-radius:0 12px 12px 0;margin:40px 0 20px;padding:30px;font-size:clamp(1.2rem,2.5vw,1.8rem);font-style:italic;font-weight:400}.finale-date{opacity:.6;letter-spacing:.05em;margin-top:40px;font-size:clamp(1rem,2vw,1.3rem);font-weight:500}.fade-in{animation:1s ease-out fadeInUp}.section{transform-style:preserve-3d;perspective:1000px}.section .content-wrapper{will-change:transform,opacity;transition:transform .3s ease-out,opacity .3s ease-out;transform:translateZ(0)}.gradient-bg{transition:transform .5s ease-out}.section:hover .gradient-bg{transform:scale(1.05)}.stat-card{transition:transform .3s,box-shadow .3s;position:relative}.stat-card:before{content:"";opacity:0;z-index:-1;background:#ebe1fc4d;border-radius:24px;transition:opacity .3s;position:absolute;inset:-2px}.stat-card:hover:before{opacity:1;animation:3s linear infinite rotateGlow}@keyframes rotateGlow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #ebe1fc4d}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-count{animation:1s ease-out countUp}@media (max-width:768px){.section{padding:60px 15px}.stat-card{padding:40px 25px}.finale-card{padding:50px 30px}.progress-bar{height:6px}.filter-container{gap:8px;padding:8px;top:10px}.filter-btn{padding:6px 16px;font-size:12px}.progress-bar:after{font-size:16px;right:-15px}.hearts-animation,.emoji-rain{height:80px}.heart,.emoji{font-size:1.5rem}.finale-message p{font-size:1rem}.random-message-container{gap:20px}.random-message-btn{padding:12px 24px;font-size:.9rem}.random-message-display{padding:30px 25px}.random-message-text{font-size:1.1rem}.random-message-meta{gap:8px;margin-top:15px}.random-message-sender{font-size:.85rem}.random-message-timestamp{font-size:.75rem}.search-container{gap:15px}.search-input{padding:12px 20px;font-size:.9rem}.search-results{gap:12px;max-height:300px}.search-result-item{padding:15px 20px}.search-result-message{font-size:1rem}.search-result-sender{font-size:.8rem}.search-result-timestamp{font-size:.7rem}.search-result-meta{gap:6px;margin-top:10px}.parallax-image{filter:blur(3px)brightness(.6);opacity:.08}.parallax-image-container{height:100%}}@media (max-width:480px){.stat-card{padding:30px 20px}.finale-card{padding:40px 20px}.finale-quote{padding:20px;font-size:1rem}.random-message-btn{padding:10px 20px;font-size:.85rem}.random-message-display{padding:25px 20px}.random-message-text{font-size:1rem}.random-message-meta{gap:6px;margin-top:12px}.random-message-sender{font-size:.75rem}.random-message-timestamp{font-size:.7rem}.search-input{padding:10px 18px;font-size:.85rem}.search-results{max-height:250px}.search-result-item{padding:12px 18px}.search-result-message{font-size:.9rem}.search-result-sender{font-size:.75rem}.search-result-timestamp{font-size:.65rem}.search-result-meta{gap:5px;margin-top:8px}.scroll-indicator{margin-top:40px}}html{scroll-behavior:smooth}