:root{--bg-dark: #140b1a;--bg-medium: #2a1833;--pink: #e8788a;--pink-light: #f4b4c4;--gold: #e8c49e;--gold-light: #f5dfc5;--white-soft: #fef5f0;--accent-deep: #c56b8a}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{font-family:Source Sans Pro,sans-serif;font-weight:400;font-size:1.125rem;line-height:1.5;background:var(--bg-dark);color:#fff;overflow-x:hidden;min-height:100vh;min-height:100dvh}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem 2rem 4rem;overflow-x:hidden;overflow-y:auto}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-glow:before,.ambient-glow:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;animation:drift 20s ease-in-out infinite alternate}.ambient-glow:before{width:600px;height:600px;background:var(--pink);top:-200px;right:-200px}.ambient-glow:after{width:500px;height:500px;background:var(--gold);bottom:-150px;left:-150px;animation-delay:-10s}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,20px) scale(1.1)}to{transform:translate(-20px,-10px) scale(.95)}}.page-dots{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;z-index:50}.page-dot{box-sizing:content-box;width:10px;height:10px;border-radius:50%;background:var(--gold);opacity:.25;transition:all .3s ease;padding:12px;background-clip:content-box}.page-dot--active{opacity:1;transform:scale(1.3);box-shadow:0 0 8px #e8c49e99}.page-dot--clickable{cursor:pointer}.page-dot--clickable:hover{opacity:.8;transform:scale(1.2)}.page-dot--active.page-dot--clickable:hover{transform:scale(1.35);opacity:1}.btn-back{position:fixed;top:1.5rem;left:1.5rem;z-index:50;display:flex;align-items:center;gap:.4rem;padding:.7rem 1.2rem;font-size:.9rem;font-weight:500;color:var(--gold);background:transparent;border:1px solid rgba(232,196,158,.3);border-radius:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-back:hover{border-color:var(--gold);background:#e8c49e1a}.welcome-page{background:radial-gradient(ellipse at center,var(--bg-medium) 0%,var(--bg-dark) 70%)}.welcome-title{font-family:Dancing Script,cursive;font-weight:700;font-size:clamp(2.8rem,8vw,5.5rem);color:var(--gold);text-align:center}.welcome-subtitle{font-size:clamp(1rem,3vw,1.4rem);color:var(--pink-light);margin-top:1rem;text-align:center}.welcome-date{font-size:clamp(.8rem,2.5vw,.95rem);color:var(--gold);opacity:.4;margin-top:.8rem;letter-spacing:.2em;text-transform:uppercase}.btn-surprise{margin-top:3rem;padding:1rem 3rem;font-size:1.1rem;font-weight:400;border:1px solid var(--pink);border-radius:50px;background:#e8788a26;color:var(--pink-light);cursor:pointer;transition:all .3s ease}.btn-surprise:hover{background:#e8788a40;border-color:var(--pink-light)}.reasons-page{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-medium) 50%,var(--bg-dark) 100%);padding:3rem 1.5rem;gap:2rem}.reasons-title{font-family:Dancing Script,cursive;font-weight:700;font-size:clamp(1.8rem,5vw,2.8rem);color:var(--gold);text-align:center}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem;max-width:900px;width:100%}.reason-card{background:#ffffff0a;border:1px solid rgba(232,196,158,.08);border-radius:16px;padding:1.8rem 1.5rem;text-align:center;transition:all .3s ease}.reason-card:hover{border-color:#e8c49e33;transform:translateY(-2px);background:#ffffff0f}.reason-icon{font-size:2.5rem;margin-bottom:.8rem}.reason-text{font-size:1rem;color:var(--pink-light);line-height:1.6}.gallery-page{background:linear-gradient(180deg,var(--bg-dark) 0%,#1e0f28 50%,var(--bg-dark) 100%);padding:2rem 1.5rem;gap:1.5rem}.gallery-title{font-family:Dancing Script,cursive;font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--gold);text-align:center}.gallery-showcase{position:relative;width:100%;max-width:400px;display:flex;align-items:center;justify-content:center;touch-action:pan-y}.gallery-showcase-img{width:100%;max-height:55vh;object-fit:contain;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.gallery-skeleton-box{width:100%;height:50vh;min-height:200px;border-radius:12px;position:relative;overflow:hidden}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:5}.gallery-arrow:hover{background:#0009}.gallery-arrow--left{left:.5rem}.gallery-arrow--right{right:.5rem}.gallery-dots{position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%);display:flex;gap:6px}.gallery-dot{box-sizing:content-box;width:7px;height:7px;border-radius:50%;background:var(--gold);opacity:.25;cursor:pointer;transition:all .2s;padding:10px;background-clip:content-box}.gallery-dot--active{opacity:1;transform:scale(1.3)}.letter-page{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-medium) 100%);padding:2rem 1.5rem}.letter-container{max-width:580px;width:100%;background:#faf6f0;border-radius:4px;padding:2.5rem 2.5rem 2rem;position:relative;box-shadow:0 2px 20px #0000004d,inset 0 0 60px #d2bea026;color:#3a3028}.letter-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(transparent,transparent 31px,rgba(180,160,140,.12) 31px,rgba(180,160,140,.12) 32px);pointer-events:none;border-radius:4px}@media(max-width:600px){.letter-container{padding:2rem 1.5rem}}.letter-author{text-align:right;font-style:italic;font-size:.9rem;color:#8a7a6a;margin-top:1.5rem}.letter-header{font-family:Dancing Script,cursive;font-weight:700;font-size:clamp(1.6rem,4vw,2.2rem);color:#6b4c3b;text-align:center;margin-bottom:1.5rem;position:relative;z-index:1}.letter-body{font-family:Source Sans Pro,sans-serif;font-size:1.05rem;line-height:2;color:#3a3028;font-weight:400;letter-spacing:.01em;position:relative;z-index:1}.letter-cursor{display:inline-block;width:2px;height:1.2em;background:var(--gold);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.video-page{background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-medium) 100%);padding:2rem 1.5rem;gap:1.5rem}.video-title{font-family:Dancing Script,cursive;font-weight:700;font-size:clamp(1.8rem,5vw,2.5rem);color:var(--gold);text-align:center}.video-wrapper{position:relative;width:100%;max-width:400px;max-height:65vh;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;border:1px solid rgba(232,196,158,.15);background:#ffffff0a}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(110deg,#e8c49e0d 30%,#e8c49e1f,#e8c49e0d 70%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite}@media(max-width:600px){.video-wrapper{max-width:320px}}.finale-page{background:radial-gradient(ellipse at center,var(--bg-medium) 0%,var(--bg-dark) 70%);gap:2rem;text-align:center}.finale-title{font-family:Dancing Script,cursive;font-weight:700;font-size:clamp(2.5rem,8vw,4.5rem);color:var(--gold)}.finale-message{font-size:clamp(1.1rem,3vw,1.4rem);color:var(--pink-light);max-width:500px;line-height:2;text-align:center;white-space:pre-line}.finale-easter-egg{font-family:Dancing Script,cursive;font-size:1rem;color:var(--gold);opacity:.5}.cake-container{animation:cake-bounce 2s ease-in-out infinite}@keyframes cake-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.balloon{position:fixed;font-size:2.5rem;animation:float-up linear forwards;pointer-events:none;z-index:5}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(-20vh) rotate(20deg);opacity:0}}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none}.lightbox-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:102;padding:.75rem}.lightbox-close:hover{opacity:1}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;cursor:default;-webkit-user-select:none;user-select:none}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;color:#fff;cursor:pointer;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:102}.lightbox-arrow:hover{background:#fff3}.lightbox-arrow--left{left:1rem}.lightbox-arrow--right{right:1rem}.lightbox-counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:.9rem}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,#e8c49e0d 25%,#e8c49e26,#e8c49e0d 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:inherit}.skeleton-item{pointer-events:none}.skeleton-profile{position:relative;overflow:hidden}.skeleton-profile .skeleton-shimmer{border-radius:50%}.floating-heart{position:fixed;pointer-events:none;z-index:1;opacity:.6;animation:heart-float linear infinite}@keyframes heart-float{0%{transform:translateY(100vh) translate(0) rotate(0) scale(.5);opacity:0}10%{opacity:.6}25%{transform:translateY(75vh) translate(15px) rotate(90deg) scale(.7)}50%{transform:translateY(50vh) translate(-15px) rotate(180deg) scale(.85)}75%{transform:translateY(25vh) translate(10px) rotate(270deg) scale(.95)}90%{opacity:.6}to{transform:translateY(-10vh) translate(-10px) rotate(360deg) scale(1);opacity:0}}.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.btn-continue{margin-top:2rem;padding:.8rem 2.5rem;font-size:1rem;font-weight:400;letter-spacing:.02em;border:1px solid rgba(232,196,158,.3);border-radius:50px;background:transparent;color:var(--gold);cursor:pointer;transition:all .3s ease}.btn-continue:hover{background:#e8c49e1a;border-color:var(--gold)}.profile-photo-container{width:180px;height:180px;border-radius:50%;border:4px solid var(--gold);overflow:hidden;box-shadow:0 0 40px #e8c49e4d;z-index:2}.profile-photo{width:100%;height:100%;object-fit:cover}.admin-login-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(232,196,158,.2);border-radius:24px;padding:3rem;display:flex;flex-direction:column;align-items:center;z-index:2}.admin-input{padding:.8rem 1.5rem;font-size:1rem;border:2px solid rgba(232,196,158,.3);border-radius:12px;background:#ffffff0d;color:#fff;outline:none;width:100%;max-width:280px;text-align:center}.admin-input:focus{border-color:var(--gold)}.admin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.admin-photo-card{position:relative;border-radius:12px;overflow:hidden;border:2px solid rgba(232,196,158,.15);background:#ffffff0d;display:flex;flex-direction:column}.admin-photo-img{width:100%;height:160px;object-fit:cover;display:block}.admin-delete-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.5rem;border:none;border-top:1px solid rgba(255,255,255,.08);background:#ff3c3c1a;color:#ff6b6b;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.admin-delete-btn:hover{background:#ff3c3c40}.admin-profile-card{display:flex;flex-direction:column;align-items:center;gap:.5rem}.admin-profile-img{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block;border:2px solid rgba(232,196,158,.15)}.admin-delete-btn-profile{border-radius:20px;border-top:none;background:#ff3c3c26;padding:.35rem 1rem;width:auto}.admin-upload-btn{display:flex;align-items:center;justify-content:center;border:2px dashed rgba(232,196,158,.3);border-radius:12px;background:transparent;color:var(--gold);font-size:1rem;cursor:pointer;min-height:160px;transition:border-color .3s}.admin-upload-btn:hover{border-color:var(--gold)}.crop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:1000;display:flex;flex-direction:column}.crop-container{position:relative;flex:1}.crop-controls{padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;background:var(--bg-dark)}.crop-zoom-label{color:var(--pink-light);font-size:.9rem;display:flex;align-items:center;gap:1rem;width:100%;max-width:400px}.crop-zoom-slider{flex:1;accent-color:var(--gold);height:6px}.crop-buttons{display:flex;gap:1rem}.crop-filename-overlay{position:fixed;top:0;left:0;right:0;z-index:1001;text-align:center;padding:.75rem 1rem;background:#000000d9;color:var(--gold);font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);background:var(--gold);color:var(--bg-dark);padding:.7rem 1.8rem;border-radius:50px;font-size:.9rem;font-weight:600;z-index:200;box-shadow:0 4px 20px #e8c49e66}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-heart,.balloon{display:none}}