* { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            overflow-x: hidden;
        }

        /* iOS26 Liquid Glass Effect */
        .liquid-glass {
            position: relative;
            background: linear-gradient(135deg,
                rgba(255, 255, 255, 0.25) 0%,
                rgba(255, 255, 255, 0.15) 50%,
                rgba(255, 255, 255, 0.1) 100%
            );
            backdrop-filter: blur(40px) saturate(180%);
            -webkit-backdrop-filter: blur(40px) saturate(180%);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow:
                0 8px 32px 0 rgba(31, 38, 135, 0.15),
                inset 0 1px 0 0 rgba(255, 255, 255, 0.4),
                inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
        }

        .liquid-glass::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 50%;
            background: linear-gradient(180deg,
                rgba(255,255,255,0.4) 0%,
                rgba(255,255,255,0) 100%
            );
            border-radius: inherit;
            pointer-events: none;
        }

        .ios-gradient {
            background: linear-gradient(-45deg,
                #667eea 0%,
                #764ba2 25%,
                #f093fb 50%,
                #4facfe 75%,
                #00f2fe 100%
            );
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .orb { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.5; animation: float 20s ease-in-out infinite; }
        .orb-1 { width:400px; height:400px; background: radial-gradient(circle, rgba(102,126,234,0.8) 0%, rgba(118,75,162,0.4) 100%); top:-10%; left:-5%; animation-delay:0s; }
        .orb-2 { width:350px; height:350px; background: radial-gradient(circle, rgba(240,147,251,0.8) 0%, rgba(74,172,254,0.4) 100%); top:60%; right:-10%; animation-delay:-5s; }
        .orb-3 { width:300px; height:300px; background: radial-gradient(circle, rgba(0,242,254,0.8) 0%, rgba(102,126,234,0.4) 100%); bottom:-15%; left:40%; animation-delay:-10s; }

        @keyframes float {
            0%,100% { transform: translate(0,0) scale(1); }
            25% { transform: translate(30px,-30px) scale(1.1); }
            50% { transform: translate(-20px,20px) scale(0.9); }
            75% { transform: translate(20px,30px) scale(1.05); }
        }

        .glass-input {
            background: rgba(255,255,255,0.2);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.3);
            transition: all 0.3s ease;
        }
        .glass-input:focus {
            background: rgba(255,255,255,0.3);
            border-color: rgba(255,255,255,0.6);
            box-shadow:
                0 0 0 3px rgba(255,255,255,0.1),
                0 8px 24px rgba(0,0,0,0.15),
                inset 0 1px 0 rgba(255,255,255,0.5);
            outline: none;
        }

        .glass-button {
            position: relative;
            background: linear-gradient(135deg,
                rgba(255,255,255,0.4) 0%,
                rgba(255,255,255,0.2) 100%
            );
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255,255,255,0.4);
            box-shadow:
                0 8px 32px rgba(31,38,135,0.2),
                inset 0 1px 0 rgba(255,255,255,0.6);
            transition: all 0.3s ease;
        }
        .glass-button:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(31,38,135,0.3), inset 0 1px 0 rgba(255,255,255,0.7); }
        .glass-button:active { transform: translateY(0); }

        .quick-access-btn { background: rgba(255,255,255,0.15); backdrop-filter: blur(10px); border:1px solid rgba(255,255,255,0.2); transition: all 0.3s ease; }
        .quick-access-btn:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }

        .fade-in { animation: fadeIn 0.8s ease-out; }
        @keyframes fadeIn { from { opacity:0; transform: translateY(20px); } to { opacity:1; transform: translateY(0); } }

        .logo-glow { filter: drop-shadow(0 0 20px rgba(255,255,255,0.5)); }
        .text-glow { text-shadow: 0 0 20px rgba(255,255,255,0.5); }

        @media (max-width: 768px) { .orb { display: none; } }

        /* small helper for message box inside modal */
        .msg-box .success { background: rgba(16,185,129,0.12); border-left: 4px solid rgba(16,185,129,0.6); color: #e6fffa; padding: 10px; }
        .msg-box .error   { background: rgba(239,68,68,0.12);  border-left: 4px solid rgba(239,68,68,0.6); color: #fff1f2; padding: 10px; }
        .msg-box .warn    { background: rgba(234,179,8,0.12);  border-left: 4px solid rgba(234,179,8,0.6);  color: #fff9db; padding: 10px; }