/* nonri.day */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: linear-gradient(180deg, #dbeafe 0%, #f0f9ff 30%, #f0f9ff 60%, #1e3a5f 100%); min-height: 100vh; color: #1e3a5f; font-family: 'Lato', sans-serif; font-weight: 300; line-height: 1.8; }
.surface { text-align: center; padding: 8rem 2rem 4rem; position: relative; }
.day-label { font-family: 'Inter', sans-serif; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.15em; color: #93c5fd; margin-bottom: 0.5rem; }
.brand { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(2.5rem, 6vw, 4rem); position: relative; z-index: 1; }
.glow-halo { width: 200px; height: 200px; border-radius: 50%; background: rgba(191, 219, 254, 0.4); filter: blur(60px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; box-shadow: 0 0 60px rgba(191, 219, 254, 0.4); /* #BFDBFE */ }
.drift { max-width: 480px; margin: 0 auto; padding: 2rem 2rem 4rem; }
.frosted-card { background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); border-radius: 16px; padding: 2rem; color: #ffffff; }
.card-date { font-family: 'Inter', sans-serif; font-size: 0.6rem; color: #93c5fd; text-transform: uppercase; letter-spacing: 0.1em; display: block; margin-bottom: 0.75rem; }
.card-text { font-size: 0.85rem; color: #44403c; }
.mist-divider { height: 60px; background: linear-gradient(transparent, rgba(240, 249, 255, 0.6), transparent); }
.luminous-line { height: 1px; background: #93c5fd; max-width: 120px; margin: 0 auto; opacity: 0.6; }
.depth { text-align: center; padding: 6rem 2rem; }
.depth-text { font-family: 'Cormorant', serif; font-weight: 400; font-style: italic; font-size: clamp(1.3rem, 3vw, 2rem); color: #e0f2fe; max-width: 400px; margin: 0 auto; }
.rest { text-align: center; padding: 4rem 2rem 6rem; }
.rest-text { font-family: 'Cormorant', serif; font-weight: 300; font-size: 1rem; color: #e0f2fe; opacity: 0.6; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }