/* Extracted from dev-protect.php style block 1 */
* {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            
            body {
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
                background: linear-gradient(135deg, #0a1929, #005c8c);
                min-height: 100vh;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }
            
            .dev-box {
                background: white;
                max-width: 400px;
                width: 100%;
                padding: 40px;
                border-radius: 20px;
                box-shadow: 0 30px 50px rgba(0,0,0,0.3);
                text-align: center;
                animation: fadeIn 0.5s ease;
            }
            
            @keyframes fadeIn {
                from { opacity: 0; transform: translateY(20px); }
                to { opacity: 1; transform: translateY(0); }
            }
            
            .logo {
                margin-bottom: 30px;
            }
            
            .logo img {
                max-width: 200px;
                height: auto;
            }
            
            h2 {
                color: #1e293b;
                margin-bottom: 15px;
                font-size: 24px;
            }
            
            .badge {
                display: inline-block;
                background: #fff3cd;
                color: #856404;
                padding: 6px 15px;
                border-radius: 50px;
                font-size: 13px;
                font-weight: 600;
                margin-bottom: 25px;
                border: 1px solid #ffeeba;
            }
            
            .input-group {
                margin-bottom: 20px;
                text-align: left;
            }
            
            label {
                display: block;
                margin-bottom: 8px;
                color: #475569;
                font-weight: 500;
                font-size: 14px;
            }
            
            input {
                width: 100%;
                padding: 15px;
                border: 2px solid #e2e8f0;
                border-radius: 12px;
                font-size: 16px;
                transition: all 0.3s;
            }
            
            input:focus {
                outline: none;
                border-color: #0091d6;
                box-shadow: 0 0 0 3px rgba(0,145,214,0.1);
            }
            
            button {
                width: 100%;
                padding: 15px;
                background: #0091d6;
                color: white;
                border: none;
                border-radius: 12px;
                font-size: 16px;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.3s;
            }
            
            button:hover {
                background: #0077b3;
                transform: translateY(-2px);
                box-shadow: 0 10px 20px rgba(0,145,214,0.3);
            }
            
            .error {
                background: #fee;
                color: #c33;
                padding: 12px;
                border-radius: 10px;
                margin-bottom: 20px;
                font-size: 14px;
                border: 1px solid #fcc;
            }
            
            .hint {
                margin-top: 20px;
                color: #94a3b8;
                font-size: 13px;
                padding-top: 20px;
                border-top: 1px dashed #e2e8f0;
            }
            
            .hint i {
                color: #0091d6;
                margin-right: 5px;
            }