<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Ice Cream Magic Login</title><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap" rel="stylesheet"><style>:root{--color-primary:#ffd700;--color-secondary:#ffc107;--color-background:#fff5d7;--color-text:#8b7355;--color-white:#fff;--shadow-primary:rgba(255, 215, 0, 0.3);--shadow-hover:rgba(255, 215, 0, 0.4);--transition-default:0.3s ease;--spacing-xs:clamp(0.5rem, 1vw, 0.75rem);--spacing-sm:clamp(0.75rem, 1.5vw, 1rem);--spacing-base:clamp(1rem, 2vw, 1.5rem);--spacing-lg:clamp(1.5rem, 3vw, 2rem);--font-size-sm:clamp(0.875rem, 1.5vw, 1rem);--font-size-base:clamp(1rem, 2vw, 1.2rem);--font-size-lg:clamp(1.5rem, 3vw, 2.5rem);--font-size-xl:clamp(2.5rem, 5vw, 5rem);--container-width:min(90%, 500px);--border-radius:clamp(20px, 3vw, 30px)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(min(-10px,-1vw))}}@keyframes sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Sans",sans-serif;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,var(--color-background),#fff9e6);display:flex;align-items:center;justify-content:center;padding:var(--spacing-base);color:var(--color-text)}.container{background:rgba(255,255,255,.9);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 8px clamp(16px,4vw,32px) var(--shadow-primary);text-align:center;width:var(--container-width);position:relative;animation:float 6s infinite ease-in-out;backdrop-filter:blur(8px)}.ice-cream{font-size:var(--font-size-xl);margin-bottom:var(--spacing-base);animation:sway 3s infinite ease-in-out;display:inline-block}h1{font-size:var(--font-size-lg);margin:0 0 var(--spacing-base) 0;color:var(--color-secondary);text-shadow:2px 2px 0 var(--color-white);word-wrap:break-word}.subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);line-height:1.5;padding:0 var(--spacing-xs)}.magic-button{background:var(--color-primary);color:var(--color-text);border:none;border-radius:100px;padding:var(--spacing-base) var(--spacing-lg);font-size:var(--font-size-base);cursor:pointer;transition:transform var(--transition-default),box-shadow var(--transition-default),background var(--transition-default);text-decoration:none;display:inline-block;margin-bottom:var(--spacing-lg);font-family:inherit;box-shadow:0 4px 15px var(--shadow-primary);width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprinkles{position:absolute;font-size:var(--font-size-base);animation:float 4s infinite ease-in-out}.sprinkle1{top:-10px;left:10%}.sprinkle2{top:20px;right:15%;animation-delay:.5s}.sprinkle3{bottom:30px;left:20%;animation-delay:1s}.sprinkle4{bottom:-10px;right:25%;animation-delay:1.5s}.footer-text{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.support-link{color:var(--color-secondary);text-decoration:underline;transition:color var(--transition-default)}@media (hover:hover){.magic-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px var(--shadow-hover);background:#ffed4a}.support-link:hover{color:#ff9800}}@media (hover:none){.magic-button:active{transform:translateY(2px);box-shadow:0 2px 10px var(--shadow-primary)}}@media (max-width:480px){.sprinkles{display:none}}@media (prefers-reduced-motion:reduce){.container,.ice-cream,.sprinkles{animation:none}}</style></head><body><div class="container"><div class="sprinkles sprinkle1">⭐</div><div class="sprinkles sprinkle2">✨</div><div class="sprinkles sprinkle3">🍦</div><div class="sprinkles sprinkle4">🍨</div><img src="logo.svg" alt="Ice Cream" class="ice-cream"><h1>One step closer to<br>小冰淇淋</h1><p class="subtitle">Please click the button below to continue your journey.</p><a target="_blank" rel="noopener noreferrer" href="{{linktoapp}}" class="magic-button">Go to<strong>xiaobql.app</strong></a><p class="footer-text">Didn't request to come in? No worries, you can ignore it!</p><p class="footer-text">If you have an issue with this email, please contact us at<a href="mailto:goran@xiaobql.app" class="support-link">support@xiaobql.app</a>!</p></div></body></html>