Page 5

Aurora Glass Theme body { margin: 0; font-family: Inter, sans-serif; height: 100vh; overflow: hidden; background: radial-gradient(circle at top, #0B1026, #050814); color: #F8FAFC; } /* Aurora background */ .aurora { position: absolute; width: 100%; height: 100%; background: radial-gradient(circle at 20% 30%, rgba(0,212,255,0.25), transparent 40%), radial-gradient(circle at 80% 40%, rgba(139,92,246,0.25), transparent 45%), radial-gradient(circle at 50% 80%, rgba(52,211,153,0.15), transparent 50%); filter: blur(40px); animation: float 10s infinite alternate; } @keyframes float { from { transform: translateY(-10px) scale(1); } to { transform: translateY(10px) scale(1.05); } } /* Glass panel */ .window { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 420px; padding: 20px; background: rgba(255,255,255,0.06); border: 1px solid rgba(0,212,255,0.25); backdrop-filter: blur(15px); border-radius: 16px; box-shadow: 0 0 40px rgba(0,212,255,0.15); } .title { font-size: 20px; font-weight: 600; color: #00D4FF; } .subtitle { font-size: 14px; opacity: 0.8; margin-top: 6px; } .taskbar { position: absolute; bottom: 0; width: 100%; height: 50px; background: rgba(11,16,38,0.7); backdrop-filter: blur(10px); border-top: 1px solid rgba(0,212,255,0.2); display: flex; align-items: center; justify-content: center; font-size: 12px; color: #8B5CF6; } .button { margin-top: 15px; padding: 8px 12px; border: 1px solid #00D4FF; border-radius: 8px; display: inline-block; cursor: pointer; transition: 0.3s; } .button:hover { background: #00D4FF; color: #000; }