.intro{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;text-align:center;font-family:Poppins,sans-serif;background:radial-gradient(circle at 50% 45%,#ffe1ec,#f7f0ff 40%,#e9fbff)}.heart-circle{width:90px;height:90px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#ff4e88,#ff6fa1,#ffb3c6);box-shadow:0 0 25px #ff4e88cc;font-size:2rem;-webkit-user-select:none;user-select:none;pointer-events:none}.circle{position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:1}.circle-word{position:absolute;white-space:nowrap;font-weight:600;font-size:clamp(.9rem,2.6vw,1.3rem);color:#333;text-shadow:0 1px 8px rgba(255,255,255,.6)}body{height:100vh;width:100vw;padding:0;margin:0}.timeline-container{position:relative;padding:4rem 1rem;background:linear-gradient(180deg,#fff0f5,#fffbea)}.timeline-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:#ff4e88;z-index:0}.timeline-event{position:relative;margin:4rem 0;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.date-bubble{background:#ff4e88;color:#fff;font-size:1rem;padding:.6rem 1.2rem;border-radius:50px;margin-bottom:1rem;box-shadow:0 4px 12px #0003}.special-date{background:linear-gradient(45deg,#ff4e88,#ffbd59);font-weight:700}.event-content{max-width:600px}.event-image{width:240px;border-radius:14px;margin-bottom:1rem;box-shadow:0 6px 16px #0003}.event-text{font-size:clamp(1rem,4vw,1.3rem);color:#333;line-height:1.6}.heart-connector-container{display:flex;justify-content:center;align-items:center}